Was ist ein Iframe?

Name: Medienpalast Allgäu
Address: Memminger Straße 50, Kempten (Allgäu), 87439, DE
Telephone: +49 831 960869-0

Ein Iframe, oder Inline Frame, ist ein HTML-Element, das es ermöglicht, eine andere HTML-Seite in eine Webpage einzubetten. Dieses vielseitige Tool eröffnet Webentwicklern eine Fülle von Möglichkeiten, um Inhalte dynamisch und interaktiv zu gestalten. Während einerseits die Hauptseite geladen wird, wird im Iframe ein separater Inhalt, der von einer anderen Quelle stammen kann, dargestellt. Dies ist besonders nützlich für Inhalte, die häufig aktualisiert werden oder die von externen Quellen stammen, wie beispielsweise Videos, Karten oder gesamte Webseiten.

Wie funktioniert ein Iframe?

Ein Iframe wird durch das </code>-Tag in HTML definiert. Dieses Tag benötigt in erster Linie zwei Attribute: die URL der einzubettenden Seite (im <code>src</code>-Attribut) und eine Angabe zur Größe des Iframes (in der Regel über die Attribute <code>width</code> und <code>height</code>). Hier ist ein einfaches Beispiel für ein Iframe:</p> <pre><code><iframe src="https://www.example.com" width="600" height="400"></iframe></code></pre> <p>In diesem Beispiel wird die Website https://www.example.com in einem Iframe mit einer Breite von 600 Pixeln und einer Höhe von 400 Pixeln angezeigt.</p> <h2>Anwendungen und Vorteile von Iframes</h2> <p>Die Einsatzmöglichkeiten von Iframes sind nahezu unbegrenzt. Häufig verwenden Entwickler sie, um Inhalte von Drittanbietern anzuzeigen, wie etwa Videos von Plattformen wie YouTube oder Google Maps-Karten. Diese Funktionalität erhöht die Interaktivität und Benutzerfreundlichkeit einer Website, da sie es den Benutzern ermöglicht, Informationen schnell abzurufen, ohne die Hauptseite verlassen zu müssen.</p> <p>Ein weiterer Vorteil von Iframes ist die Isolation von Inhalten. Da sie in einem eigenen Kasten innerhalb der Seite geladen werden, ist der Hauptinhalt der Seite nicht betroffen, wenn der eingebettete Inhalt Probleme verursacht oder abgebrochen wird. Dies sorgt für eine stabilere Benutzererfahrung.</p> <h2>Herausforderungen beim Einsatz von Iframes</h2> <p>Trotz ihrer vielen Vorteile bringen Iframes auch einige Herausforderungen mit sich. Eine der größten Bedenken ist die Sicherheit: Das Einbetten von Inhalten von externen Seiten kann ein Sicherheitsrisiko darstellen, insbesondere wenn die Inhalte nicht aus vertrauenswürdigen Quellen stammen. Daher sollten Webentwickler besonders darauf achten, welche Seiten sie einbetten. Zudem unterliegen Iframes den gleichen Urheberrechtsbestimmungen wie jeder andere Arten von Inhalten auf einer Website, was bedeutet, dass die Erlaubnis zur Anzeige erforderlich ist.</p> <h2>Responsive Design mit Iframes</h2> <p>In der heutigen Zeit, in der mobile Geräte ein wesentlicher Bestandteil des Surfverhaltens sind, spielt auch die Anpassung der Iframe-Größen eine wichtige Rolle. Standard-Iframes können in ihrer Standardgröße auf mobilen Geräten unübersichtlich erscheinen. Daher ist es empfehlenswert, sie responsive zu gestalten. Entwicklern steht eine Vielzahl von Techniken zur Verfügung, wie das Zuweisen von CSS-Klassen oder das Verwenden von JavaScript, um sicherzustellen, dass Iframes sich der Größe des Bildschirms anpassen.</p> <p>Zusammenfassend ist ein Iframe ein praktisches und signalstarkes Werkzeug für Webentwickler, das es ermöglicht, externen Inhalt elegant in eigene Webseiten zu integrieren. Mit der korrekten Anwendung und unter Beachtung der Sicherheitsaspekte kann ein Iframe ein wertvoller Bestandteil einer modernen Webanwendung sein.</p></div><a href="/glossar/I/" class="btn btn-dark" data-v-e56f2c83><span></span><div><p>Zurück</p><p>Zurück</p></div></a></div></div></section><section id="c1603" background="false" class="ce ce-mask_contact_stage pt-default pb-default background-light" data-v-f134250a><div class="container"><div class="wrapper"><div class="row"><div class="col-lg-6" data-aos="fade-right"><div class="text-wrapper"><h2 class="h2">Kontaktieren Sie uns!</h2><div class="rte-text large"><p>Sie suchen einen Digitalagentur? Dann nehmen Sie gerne Kontakt zu uns auf. Wir freuen uns auf Ihre Anfrage! </p></div><a href="/kontakt/" class="btn btn-dark"><span is-download="false"></span><div><p>Projektanfrage starten</p><p>Projektanfrage starten</p></div></a></div></div><div class="col-lg-6" data-aos="fade-left"><figure class="image" data-v-f6368cb8><picture class="image-loading-placeholder" isblog="false" data-v-f6368cb8 data-v-5ebf6f10><source type="image/webp" sizes="(max-width: 576px) 545px, (max-width: 768px) 510px, (max-width: 992px) 690px, (max-width: 1200px) 450px, (max-width: 1400px) 540px, 615px" srcset="/_ipx/f_webp&q_80&s_450x388/https://api.medienpalast.net/fileadmin/user_upload/Media/Stimmungsbilder/PNG/kennenlernen-mg.png%3Fversion=1713340790 450w, /_ipx/f_webp&q_80&s_510x440/https://api.medienpalast.net/fileadmin/user_upload/Media/Stimmungsbilder/PNG/kennenlernen-mg.png%3Fversion=1713340790 510w, /_ipx/f_webp&q_80&s_540x466/https://api.medienpalast.net/fileadmin/user_upload/Media/Stimmungsbilder/PNG/kennenlernen-mg.png%3Fversion=1713340790 540w, /_ipx/f_webp&q_80&s_545x470/https://api.medienpalast.net/fileadmin/user_upload/Media/Stimmungsbilder/PNG/kennenlernen-mg.png%3Fversion=1713340790 545w, /_ipx/f_webp&q_80&s_615x531/https://api.medienpalast.net/fileadmin/user_upload/Media/Stimmungsbilder/PNG/kennenlernen-mg.png%3Fversion=1713340790 615w, /_ipx/f_webp&q_80&s_690x595/https://api.medienpalast.net/fileadmin/user_upload/Media/Stimmungsbilder/PNG/kennenlernen-mg.png%3Fversion=1713340790 690w"><img width="693" height="598" alt="Bildmotiv - Matthias Grath kennenlernen" loading="lazy" onerror="this.setAttribute('data-error', 1)" data-nuxt-pic src="/_ipx/f_png&q_80&s_690x595/https://api.medienpalast.net/fileadmin/user_upload/Media/Stimmungsbilder/PNG/kennenlernen-mg.png%3Fversion=1713340790" sizes="(max-width: 576px) 545px, (max-width: 768px) 510px, (max-width: 992px) 690px, (max-width: 1200px) 450px, (max-width: 1400px) 540px, 615px" srcset="/_ipx/f_png&q_80&s_450x388/https://api.medienpalast.net/fileadmin/user_upload/Media/Stimmungsbilder/PNG/kennenlernen-mg.png%3Fversion=1713340790 450w, /_ipx/f_png&q_80&s_510x440/https://api.medienpalast.net/fileadmin/user_upload/Media/Stimmungsbilder/PNG/kennenlernen-mg.png%3Fversion=1713340790 510w, /_ipx/f_png&q_80&s_540x466/https://api.medienpalast.net/fileadmin/user_upload/Media/Stimmungsbilder/PNG/kennenlernen-mg.png%3Fversion=1713340790 540w, /_ipx/f_png&q_80&s_545x470/https://api.medienpalast.net/fileadmin/user_upload/Media/Stimmungsbilder/PNG/kennenlernen-mg.png%3Fversion=1713340790 545w, /_ipx/f_png&q_80&s_615x531/https://api.medienpalast.net/fileadmin/user_upload/Media/Stimmungsbilder/PNG/kennenlernen-mg.png%3Fversion=1713340790 615w, /_ipx/f_png&q_80&s_690x595/https://api.medienpalast.net/fileadmin/user_upload/Media/Stimmungsbilder/PNG/kennenlernen-mg.png%3Fversion=1713340790 690w"></picture></figure></div></div></div></div></section></main><footer id="page-footer" class="background-dark"><div class="container"><img src="/images/logo-white.svg" alt="Logo" width="314" height="40"><div class="row gy-1"><div class="col-12 col-md-6 col-xl-2"><a href="/websites/" class="" title="Websites">Websites</a><ul><li><a href="/websites/typo3-agentur/" class="" title="Websites - TYPO3">TYPO3</a></li><li><a href="/websites/storyblok-agentur/" class="" title="Websites - Storyblok (Headless)">Storyblok (Headless)</a></li><li><a href="/websites/strapi-agentur/" class="" title="Websites - Strapi (Headless)">Strapi (Headless)</a></li></ul></div><div class="col-12 col-md-6 col-xl-2"><a href="/e-commerce/" class="" title="E-Commerce">E-Commerce</a><ul><li><a href="/e-commerce/shopware-agentur/" class="" title="E-Commerce - Shopware">Shopware</a></li><li><a href="/e-commerce/magento-agentur/" class="" title="E-Commerce - Magento">Magento</a></li></ul></div><div class="col-12 col-md-6 col-xl-2"><a href="/softwareentwicklung/" class="" title="Softwareentwicklung">Softwareentwicklung</a><ul><li><a href="/softwareentwicklung/akeneo-pim/" class="" title="Softwareentwicklung - Akeneo (PIM)">Akeneo (PIM)</a></li><li><a href="/softwareentwicklung/schnittstellen/" class="" title="Softwareentwicklung - Schnittstellen">Schnittstellen</a></li><li><a href="/kompetenzen/webbasierte-applikationen/" class="" title="Softwareentwicklung - Webbasierte Applikationen">Webbasierte Applikationen</a></li><li><a href="/softwareentwicklung/hybride-app-entwicklung/" class="" title="Softwareentwicklung - App Entwicklung">App Entwicklung</a></li><li><a href="/softwareentwicklung/extension-und-modulentwicklung/" class="" title="Softwareentwicklung - Extension- und Pluginentwicklung">Extension- und Pluginentwicklung</a></li></ul></div><div class="col-12 col-md-6 col-xl-2"><a href="/webdesign-agentur/" class="" title="Webdesign">Webdesign</a><ul><li><a href="/webdesign-agentur/user-interface-design/" class="" title="Webdesign - User Interface Design">User Interface Design</a></li><li><a href="/webdesign-agentur/user-experience/" class="" title="Webdesign - User Experience">User Experience</a></li></ul></div><div class="col-12 col-lg-12 col-xl-3 offset-xl-1"><a href="/kontakt" class="" title="Kontakt">Kontakt</a><p> Medienpalast Allgäu<br> GmbH & Co. KG<br> Memminger Straße 50<br> 87439 Kempten (Allgäu)<br><br><a href="tel:+49 8319608690">+49 831 960869-0</a><br><a href="mailto:info@medienpalast.net">info@medienpalast.net</a><br></p></div></div><hr><div><ul class="nav nav-meta"><li class="nav-item"><a href="/impressum/" class="nav-link" title="Impressum">Impressum</a></li><li class="nav-item"><a href="/datenschutz/" class="nav-link" title="Datenschutz">Datenschutz</a></li><li class="nav-item"><a href="/rechtliche-hinweise/" class="nav-link" title="Rechtliche Hinweise">Rechtliche Hinweise</a></li><li class="nav-item"><a href="/powered-by-typo3-headless/" class="nav-link" title="Powered by TYPO3 Headless">Powered by TYPO3 Headless</a></li></ul><ul class="nav-socials" data-v-901bc8f7><li data-v-901bc8f7><a href="https://www.instagram.com/medienpalast_werbeagentur/" target="_blank" rel="noopener" data-v-901bc8f7><img src="/icons/socials/light/instagram.svg" alt="Instagram" width="20" height="20" data-v-901bc8f7></a></li><li data-v-901bc8f7><a href="https://www.linkedin.com/company/medienpalast-allg%C3%A4u-gmbh-co-kg/" target="_blank" rel="noopener" data-v-901bc8f7><img src="/icons/socials/light/linkedin.svg" alt="LinkedIn" width="20" height="20" data-v-901bc8f7></a></li></ul></div></div></footer></body><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":166,"once":455,"_errors":457,"serverRendered":77,"path":16,"T3:api:headers":459},["ShallowReactive",3],{"t3:page":4},{"id":5,"type":6,"slug":7,"media":8,"meta":9,"categories":12,"breadcrumbs":22,"appearance":33,"content":36,"i18n":158,"isGlossaryDetailPage":77},165,"Standard","/glossar",[],{"title":10,"subtitle":11,"abstract":12,"description":13,"keywords":14,"canonical":15,"author":12,"authorEmail":12,"ogTitle":10,"ogDescription":13,"ogImage":17,"twitterTitle":10,"twitterDescription":13,"twitterCard":12,"twitterImage":17,"robots":20},"Iframe-Einsatz im Digitalmarketing: Ein Überblick","Iframe","","Erfahren Sie, wie Iframes die Webseiten-Interaktivität erhöhen und welche Herausforderungen sie bergen.","Begriffserklärung",{"href":16,"target":17,"class":17,"title":17,"linkText":18,"additionalAttributes":19},"/glossar/begriff/iframe/",null,"Glossar",[],{"noIndex":21,"noFollow":21},false,[23,28,31],{"title":24,"link":25,"target":12,"active":26,"current":27,"spacer":27,"hasSubpages":26},"Home","/",1,0,{"title":29,"link":30,"target":12,"active":27,"current":27,"spacer":26,"hasSubpages":27},"Nicht im Menü","/nicht-im-menue/",{"title":18,"link":32,"target":12,"active":26,"current":26,"spacer":27,"hasSubpages":27},"/glossar/",{"layout":34,"backendLayout":35},"layout-0","100",{"colPos0":37},[38,130],{"id":39,"type":40,"colPos":27,"categories":12,"content":41},1317,"dpnglossary_glossary",{"header":42,"headerLayout":27,"data":43,"subheader":129},"Wissen von A bis Z",{"detailTerm":44,"listLetters":50},{"uid":45,"headlineDetailPage":46,"description":47,"linkListView":49},34,"Was ist ein Iframe?",[48],"\u003Ch2>Was ist ein Iframe?\u003C/h2>\n\u003Cp>Ein Iframe, oder Inline Frame, ist ein HTML-Element, das es ermöglicht, eine andere HTML-Seite in eine Webpage einzubetten. Dieses vielseitige Tool eröffnet Webentwicklern eine Fülle von Möglichkeiten, um Inhalte dynamisch und interaktiv zu gestalten. Während einerseits die Hauptseite geladen wird, wird im Iframe ein separater Inhalt, der von einer anderen Quelle stammen kann, dargestellt. Dies ist besonders nützlich für Inhalte, die häufig aktualisiert werden oder die von externen Quellen stammen, wie beispielsweise Videos, Karten oder gesamte Webseiten.\u003C/p>\n\n\u003Ch2>Wie funktioniert ein Iframe?\u003C/h2>\n\u003Cp>Ein Iframe wird durch das \u003Ccode>\u003Ciframe>\u003C/code>-Tag in HTML definiert. Dieses Tag benötigt in erster Linie zwei Attribute: die URL der einzubettenden Seite (im \u003Ccode>src\u003C/code>-Attribut) und eine Angabe zur Größe des Iframes (in der Regel über die Attribute \u003Ccode>width\u003C/code> und \u003Ccode>height\u003C/code>). Hier ist ein einfaches Beispiel für ein Iframe:\u003C/p>\n\u003Cpre>\u003Ccode><iframe src="https://www.example.com" width="600" height="400"></iframe>\u003C/code>\u003C/pre>\n\u003Cp>In diesem Beispiel wird die Website https://www.example.com in einem Iframe mit einer Breite von 600 Pixeln und einer Höhe von 400 Pixeln angezeigt.\u003C/p>\n\n\u003Ch2>Anwendungen und Vorteile von Iframes\u003C/h2>\n\u003Cp>Die Einsatzmöglichkeiten von Iframes sind nahezu unbegrenzt. Häufig verwenden Entwickler sie, um Inhalte von Drittanbietern anzuzeigen, wie etwa Videos von Plattformen wie YouTube oder Google Maps-Karten. Diese Funktionalität erhöht die Interaktivität und Benutzerfreundlichkeit einer Website, da sie es den Benutzern ermöglicht, Informationen schnell abzurufen, ohne die Hauptseite verlassen zu müssen.\u003C/p>\n\u003Cp>Ein weiterer Vorteil von Iframes ist die Isolation von Inhalten. Da sie in einem eigenen Kasten innerhalb der Seite geladen werden, ist der Hauptinhalt der Seite nicht betroffen, wenn der eingebettete Inhalt Probleme verursacht oder abgebrochen wird. Dies sorgt für eine stabilere Benutzererfahrung.\u003C/p>\n\n\u003Ch2>Herausforderungen beim Einsatz von Iframes\u003C/h2>\n\u003Cp>Trotz ihrer vielen Vorteile bringen Iframes auch einige Herausforderungen mit sich. Eine der größten Bedenken ist die Sicherheit: Das Einbetten von Inhalten von externen Seiten kann ein Sicherheitsrisiko darstellen, insbesondere wenn die Inhalte nicht aus vertrauenswürdigen Quellen stammen. Daher sollten Webentwickler besonders darauf achten, welche Seiten sie einbetten. Zudem unterliegen Iframes den gleichen Urheberrechtsbestimmungen wie jeder andere Arten von Inhalten auf einer Website, was bedeutet, dass die Erlaubnis zur Anzeige erforderlich ist.\u003C/p>\n\n\u003Ch2>Responsive Design mit Iframes\u003C/h2>\n\u003Cp>In der heutigen Zeit, in der mobile Geräte ein wesentlicher Bestandteil des Surfverhaltens sind, spielt auch die Anpassung der Iframe-Größen eine wichtige Rolle. Standard-Iframes können in ihrer Standardgröße auf mobilen Geräten unübersichtlich erscheinen. Daher ist es empfehlenswert, sie responsive zu gestalten. Entwicklern steht eine Vielzahl von Techniken zur Verfügung, wie das Zuweisen von CSS-Klassen oder das Verwenden von JavaScript, um sicherzustellen, dass Iframes sich der Größe des Bildschirms anpassen.\u003C/p>\n\n\u003Cp>Zusammenfassend ist ein Iframe ein praktisches und signalstarkes Werkzeug für Webentwickler, das es ermöglicht, externen Inhalt elegant in eigene Webseiten zu integrieren. Mit der korrekten Anwendung und unter Beachtung der Sicherheitsaspekte kann ein Iframe ein wertvoller Bestandteil einer modernen Webanwendung sein.\u003C/p>","/glossar/I/",[51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117,120,123,126],{"character":52,"isCurrent":21,"isEmpty":21,"url":53},"A","/glossar/A/",{"character":55,"isCurrent":21,"isEmpty":21,"url":56},"B","/glossar/B/",{"character":58,"isCurrent":21,"isEmpty":21,"url":59},"C","/glossar/C/",{"character":61,"isCurrent":21,"isEmpty":21,"url":62},"D","/glossar/D/",{"character":64,"isCurrent":21,"isEmpty":21,"url":65},"E","/glossar/E/",{"character":67,"isCurrent":21,"isEmpty":21,"url":68},"F","/glossar/F/",{"character":70,"isCurrent":21,"isEmpty":21,"url":71},"G","/glossar/G/",{"character":73,"isCurrent":21,"isEmpty":21,"url":74},"H","/glossar/H/",{"character":76,"isCurrent":77,"isEmpty":21,"url":49},"I",true,{"character":79,"isCurrent":21,"isEmpty":21,"url":80},"J","/glossar/J/",{"character":82,"isCurrent":21,"isEmpty":21,"url":83},"K","/glossar/K/",{"character":85,"isCurrent":21,"isEmpty":21,"url":86},"L","/glossar/L/",{"character":88,"isCurrent":21,"isEmpty":21,"url":89},"M","/glossar/M/",{"character":91,"isCurrent":21,"isEmpty":21,"url":92},"N","/glossar/N/",{"character":94,"isCurrent":21,"isEmpty":21,"url":95},"O","/glossar/O/",{"character":97,"isCurrent":21,"isEmpty":21,"url":98},"P","/glossar/P/",{"character":100,"isCurrent":21,"isEmpty":21,"url":101},"Q","/glossar/Q/",{"character":103,"isCurrent":21,"isEmpty":21,"url":104},"R","/glossar/R/",{"character":106,"isCurrent":21,"isEmpty":21,"url":107},"S","/glossar/S/",{"character":109,"isCurrent":21,"isEmpty":21,"url":110},"T","/glossar/T/",{"character":112,"isCurrent":21,"isEmpty":21,"url":113},"U","/glossar/U/",{"character":115,"isCurrent":21,"isEmpty":21,"url":116},"V","/glossar/V/",{"character":118,"isCurrent":21,"isEmpty":21,"url":119},"W","/glossar/W/",{"character":121,"isCurrent":21,"isEmpty":21,"url":122},"X","/glossar/X/",{"character":124,"isCurrent":21,"isEmpty":21,"url":125},"Y","/glossar/Y/",{"character":127,"isCurrent":21,"isEmpty":21,"url":128},"Z","/glossar/Z/","Expertenwissen, klar und kompakt erklärt",{"id":131,"type":132,"colPos":27,"categories":12,"content":133},1603,"mask_contact_stage",{"header":134,"headerLayout":27,"bodytext":135,"image":136,"mpSitepackageMorelink":153,"mpSitepackageMorelinkText":157,"txMaskMorelinkHoverText":12},"Kontaktieren Sie uns!","\u003Cp>Sie suchen einen Digitalagentur? Dann nehmen Sie gerne Kontakt zu uns auf. Wir freuen uns auf Ihre Anfrage! \u003C/p>",[137],{"publicUrl":138,"properties":139},"https://api.medienpalast.net/fileadmin/user_upload/Media/Stimmungsbilder/PNG/kennenlernen-mg.png?version=1713340790",{"title":17,"alternative":140,"description":17,"link":17,"linkData":17,"mimeType":141,"type":142,"filename":143,"originalUrl":144,"uidLocal":145,"fileReferenceUid":146,"size":147,"dimensions":148,"autoplay":27,"extension":151,"tstamp":152},"Bildmotiv - Matthias Grath kennenlernen","image/png","image","kennenlernen-mg.png","https://api.medienpalast.net/fileadmin/user_upload/Media/Stimmungsbilder/PNG/kennenlernen-mg.png",1207,2186,"87 KB",{"width":149,"height":150},693,598,"webp",1713340790,{"href":154,"target":17,"class":17,"title":17,"linkText":155,"additionalAttributes":156},"/kontakt/","t3://page?uid=8",[],"Projektanfrage starten",[159],{"languageId":27,"locale":160,"title":161,"navigationTitle":161,"twoLetterIsoCode":162,"hreflang":163,"direction":164,"flag":165,"link":16,"active":26,"current":27,"available":26},"de_DE.UTF-8","Deutsch","de","de-de","ltr","flags-de",["Reactive",167],{"$sT3:Options":168,"$sT3:i18n":162,"$sT3:InitialData":182,"$sT3:Page":4},{"api":169,"i18n":177,"features":180,"baseUrl":181},{"baseUrl":170,"headers":171,"credentials":172,"proxyHeaders":21,"proxyReqHeaders":173,"endpoints":175,"allowQuery":77},"https://api.medienpalast.net",{},"omit",[174],"cookie",{"initialData":176,"initialDataFallback":176},"/?type=834",{"default":162,"locales":178},[162,179],"en",{"initInitialData":77,"i18nMiddleware":77,"debug":12},"https://www.medienpalast.net",{"user":183,"navigation":184,"i18n":419,"footer":421,"meta":442},{"logged":21},[185,374,377,411,414,417],{"title":186,"link":187,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":26,"mpSitepackageAdditionalMenucontentHeader":188,"mpSitepackageAdditionalMenucontentText":189,"children":190},"Kompetenzen","/websites/","Full Service Digitalagentur","Wir lösen komplexe Herausforderungen und machen Ihr Unternehmen effizienter und wirtschaftlich erfolgreicher.\u003Cbr/>We grow and speed up your business!",[191,266,318,363],{"title":192,"link":187,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":26,"subtitle":193,"children":194,"media":204,"mpSitepackageAdditionalMenucontentIcons":218},"Websites","Wir entwickeln anspruchsvolle Websites für mittelständische Unternehmen und Konzerne.",[195,198,201],{"title":196,"link":197,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"TYPO3","/websites/typo3-agentur/",{"title":199,"link":200,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"Storyblok (Headless)","/websites/storyblok-agentur/",{"title":202,"link":203,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"Strapi (Headless)","/websites/strapi-agentur/",[205],{"publicUrl":206,"properties":207},"https://api.medienpalast.net/fileadmin/user_upload/Media/Piktogramme/2023-neu/Websites.svg",{"title":17,"alternative":192,"description":17,"link":17,"linkData":17,"mimeType":208,"type":142,"filename":209,"originalUrl":206,"uidLocal":210,"fileReferenceUid":211,"size":212,"dimensions":213,"autoplay":27,"extension":216,"tstamp":217},"image/svg+xml","Websites.svg",777,1095,"7 KB",{"width":214,"height":215},168,150,"svg",1685971034,[219,235,251],{"publicUrl":220,"properties":221},"https://api.medienpalast.net/fileadmin/user_upload/Media/Logos/typo3.svg",{"title":222,"alternative":223,"description":17,"link":197,"linkData":224,"mimeType":208,"type":142,"filename":227,"originalUrl":220,"uidLocal":228,"fileReferenceUid":229,"size":230,"dimensions":231,"autoplay":27,"extension":216,"tstamp":234},"Zur TYPO3 CMS Webseite","TYPO3 Logo",{"href":197,"target":17,"class":17,"title":225,"linkText":196,"additionalAttributes":226},"TYPO3 CMS",[],"typo3.svg",797,1904,"2 KB",{"width":232,"height":233},612,259,1686905500,{"publicUrl":236,"properties":237},"https://api.medienpalast.net/fileadmin/user_upload/Media/Logos/Strapi.full.logo.dark.svg",{"title":238,"alternative":239,"description":17,"link":203,"linkData":240,"mimeType":208,"type":142,"filename":243,"originalUrl":236,"uidLocal":244,"fileReferenceUid":245,"size":246,"dimensions":247,"autoplay":27,"extension":216,"tstamp":250},"zur Strapi Webseite","Strapi Headless CMS",{"href":203,"target":17,"class":17,"title":241,"linkText":202,"additionalAttributes":242},"Zur Strapi Webseite",[],"Strapi.full.logo.dark.svg",740,1905,"4 KB",{"width":248,"height":249},1123,272,1683883675,{"publicUrl":252,"properties":253},"https://api.medienpalast.net/fileadmin/user_upload/Media/Logos/storyblok-logo.svg",{"title":254,"alternative":255,"description":17,"link":200,"linkData":256,"mimeType":208,"type":142,"filename":258,"originalUrl":252,"uidLocal":259,"fileReferenceUid":260,"size":261,"dimensions":262,"autoplay":27,"extension":216,"tstamp":265},"zur Storyblok Webseite","Storyblok Webseite",{"href":200,"target":17,"class":17,"title":254,"linkText":199,"additionalAttributes":257},[],"storyblok-logo.svg",741,1906,"5 KB",{"width":263,"height":264},2500,538,1683883459,{"title":267,"link":268,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":26,"subtitle":269,"children":270,"media":277,"mpSitepackageAdditionalMenucontentIcons":289},"E-Commerce","/e-commerce/","Wir setzten umsatzstarke E-Commerce Lösungen um. B2B und B2C.",[271,274],{"title":272,"link":273,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"Shopware","/e-commerce/shopware-agentur/",{"title":275,"link":276,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"Magento","/e-commerce/magento-agentur/",[278],{"publicUrl":279,"properties":280},"https://api.medienpalast.net/fileadmin/user_upload/Media/Piktogramme/2023-neu/Shops.svg",{"title":17,"alternative":267,"description":17,"link":17,"linkData":17,"mimeType":208,"type":142,"filename":281,"originalUrl":279,"uidLocal":282,"fileReferenceUid":283,"size":284,"dimensions":285,"autoplay":27,"extension":216,"tstamp":288},"Shops.svg",775,1096,"11 KB",{"width":286,"height":287},162,131,1685971033,[290,304],{"publicUrl":291,"properties":292},"https://api.medienpalast.net/fileadmin/user_upload/Media/Logos/shopware_logo_blue.svg",{"title":293,"alternative":294,"description":17,"link":273,"linkData":295,"mimeType":208,"type":142,"filename":297,"originalUrl":291,"uidLocal":298,"fileReferenceUid":299,"size":261,"dimensions":300,"autoplay":27,"extension":216,"tstamp":303},"zur Shopware Webseite","Shopware Webseite",{"href":273,"target":17,"class":17,"title":293,"linkText":272,"additionalAttributes":296},[],"shopware_logo_blue.svg",838,1907,{"width":301,"height":302},516,114,1688041321,{"publicUrl":305,"properties":306},"https://api.medienpalast.net/fileadmin/user_upload/Media/Logos/Magento.svg",{"title":307,"alternative":308,"description":17,"link":276,"linkData":309,"mimeType":208,"type":142,"filename":311,"originalUrl":305,"uidLocal":312,"fileReferenceUid":313,"size":261,"dimensions":314,"autoplay":27,"extension":216,"tstamp":317},"zur Magento Webseite","Magento Webseite",{"href":276,"target":17,"class":17,"title":307,"linkText":275,"additionalAttributes":310},[],"Magento.svg",837,1908,{"width":315,"height":316},3316,915,1688041315,{"title":319,"link":320,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":26,"subtitle":321,"children":322,"media":338,"mpSitepackageAdditionalMenucontentIcons":347},"Softwareentwicklung","/softwareentwicklung/","Von der Idee zur individuellen Software. Sie haben die Idee, wir die passende Lösung.",[323,326,329,332,335],{"title":324,"link":325,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"Akeneo (PIM)","/softwareentwicklung/akeneo-pim/",{"title":327,"link":328,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"Schnittstellen","/softwareentwicklung/schnittstellen/",{"title":330,"link":331,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"Webbasierte Applikationen","/kompetenzen/webbasierte-applikationen/",{"title":333,"link":334,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"App Entwicklung","/softwareentwicklung/hybride-app-entwicklung/",{"title":336,"link":337,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"Extension- und Pluginentwicklung","/softwareentwicklung/extension-und-modulentwicklung/",[339],{"publicUrl":340,"properties":341},"https://api.medienpalast.net/fileadmin/user_upload/Media/Piktogramme/2023-neu/Software.svg",{"title":17,"alternative":319,"description":17,"link":17,"linkData":17,"mimeType":208,"type":142,"filename":342,"originalUrl":340,"uidLocal":343,"fileReferenceUid":344,"size":246,"dimensions":345,"autoplay":27,"extension":216,"tstamp":288},"Software.svg",776,1097,{"width":214,"height":346},108,[348],{"publicUrl":349,"properties":350},"https://api.medienpalast.net/fileadmin/user_upload/Media/Logos/akeneo-logo-horizontal-black.svg",{"title":351,"alternative":352,"description":17,"link":325,"linkData":353,"mimeType":208,"type":142,"filename":355,"originalUrl":349,"uidLocal":356,"fileReferenceUid":357,"size":358,"dimensions":359,"autoplay":27,"extension":216,"tstamp":362},"zur Akeneo Webseite","Akeneo Webseite",{"href":325,"target":17,"class":17,"title":351,"linkText":324,"additionalAttributes":354},[],"akeneo-logo-horizontal-black.svg",905,1909,"9 KB",{"width":360,"height":361},752,163,1688720766,{"title":364,"link":365,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":26,"subtitle":366,"children":367},"Webdesign","/webdesign-agentur/","Als Webdesign Agentur machen wir digitale Projekte erfolgreich",[368,371],{"title":369,"link":370,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"User Interface Design","/webdesign-agentur/user-interface-design/",{"title":372,"link":373,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"User Experience","/webdesign-agentur/user-experience/",{"title":375,"link":376,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"Referenzen","/referenzen/",{"title":378,"link":379,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":26,"mpSitepackageAdditionalMenucontentHeader":380,"mpSitepackageAdditionalMenucontentText":381,"children":382,"mpSitepackageAdditionalMenucontentImage":397},"Über uns","/agentur/","Im Herzen von Kempten im Allgäu","Der Medienpalast, Ihre innovative Digitalagentur im Herzen von Kempten im Allgäu! Mit über 20 engagierten und kreativen Köpfen sind wir die Experten für die Umsetzung Ihrer digital Projekte.",[383,386,390,394],{"title":384,"link":379,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27,"subtitle":385},"Agentur","Unsere Positionierung, Unsere Werte.",{"title":387,"link":388,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27,"subtitle":389},"Events","/ueber-uns/events/","Hybrid oder Online - auf jeden Fall für alle",{"title":391,"link":392,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27,"subtitle":393},"Das Team","/das-team/","Das beste Team für tolle Kunden",{"title":395,"link":396,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"Coworking Space","/ueber-uns/coworking-kempten/",[398],{"publicUrl":399,"properties":400},"https://api.medienpalast.net/fileadmin/user_upload/Media/Stimmungsbilder/2024/MPA-Kontakt-small.jpg",{"title":401,"alternative":401,"description":17,"link":17,"linkData":17,"mimeType":402,"type":142,"filename":403,"originalUrl":399,"uidLocal":404,"fileReferenceUid":405,"size":406,"dimensions":407,"autoplay":27,"extension":409,"tstamp":410},"MM 50","image/jpeg","MPA-Kontakt-small.jpg",1439,2233,"86 KB",{"width":408,"height":408},588,"jpg",1715608241,{"title":412,"link":413,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"Magazin","/magazin/",{"title":415,"link":416,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"Jobs","/jobs/",{"title":418,"link":154,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"Kontakt",[420],{"languageId":27,"locale":160,"title":161,"navigationTitle":161,"twoLetterIsoCode":162,"hreflang":163,"direction":164,"flag":165,"link":25,"active":26,"current":27,"available":26},[422,427,431,438],{"title":192,"link":187,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":26,"children":423},[424,425,426],{"title":196,"link":197,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},{"title":199,"link":200,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},{"title":202,"link":203,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},{"title":267,"link":268,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":26,"children":428},[429,430],{"title":272,"link":273,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},{"title":275,"link":276,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},{"title":319,"link":320,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":26,"children":432},[433,434,435,436,437],{"title":324,"link":325,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},{"title":327,"link":328,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},{"title":330,"link":331,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},{"title":333,"link":334,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},{"title":336,"link":337,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},{"title":364,"link":365,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":26,"children":439},[440,441],{"title":369,"link":370,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},{"title":372,"link":373,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},[443,446,449,452],{"title":444,"link":445,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"Impressum","/impressum/",{"title":447,"link":448,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"Datenschutz","/datenschutz/",{"title":450,"link":451,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"Rechtliche Hinweise","/rechtliche-hinweise/",{"title":453,"link":454,"target":12,"active":27,"current":27,"spacer":27,"hasSubpages":27},"Powered by TYPO3 Headless","/powered-by-typo3-headless/",["Set",456],"t3:initialData",["ShallowReactive",458],{"t3:page":17},{}]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{typo3:{api:{baseUrl:"https://api.medienpalast.net",headers:{},credentials:"omit",proxyHeaders:false,proxyReqHeaders:["cookie"],endpoints:{initialData:"/?type=834",initialDataFallback:"/?type=834"},allowQuery:true},i18n:{default:"de",locales:["de","en"]},features:{initInitialData:true,i18nMiddleware:true,debug:""},baseUrl:"https://www.medienpalast.net"},"nuxt-scripts":{version:"",defaultScriptOptions:{trigger:"onNuxtReady"}}},app:{baseURL:"/",buildId:"1a491541-200e-4dfb-acbf-782461f603c4",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>