{"id":22834,"date":"2026-08-29T10:19:12","date_gmt":"2026-08-29T08:19:12","guid":{"rendered":"https:\/\/www.curiaweb.ch\/?post_type=docs&#038;p=22834"},"modified":"2026-08-29T10:19:13","modified_gmt":"2026-08-29T08:19:13","password":"","slug":"kopage-maps-youtube-social-media","status":"publish","type":"docs","link":"https:\/\/www.curiaweb.ch\/en\/hilfe\/website-baukasten\/kopage-maps-youtube-social-media\/","title":{"rendered":"Embed Google Maps, YouTube, and social media into Kopage"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Mit dem klassischen Kopage Website Builder kannst du deine Website um externe Inhalte und Dienste erg\u00e4nzen. Dazu geh\u00f6ren unter anderem Standortkarten mit Google Maps, YouTube-Videos und Verkn\u00fcpfungen zu sozialen Netzwerken.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Solche Inhalte k\u00f6nnen eine Website sinnvoll erg\u00e4nzen: Eine Karte hilft Besuchern bei der Anfahrt, ein Video kann ein Produkt oder Unternehmen anschaulich vorstellen und Social-Media-Verkn\u00fcpfungen f\u00fchren zu deinen weiteren Online-Kan\u00e4len.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In dieser Anleitung zeigen wir dir, wann solche Einbindungen sinnvoll sind, wie du sie grunds\u00e4tzlich in Kopage verwendest und worauf du insbesondere bei Darstellung, Datenschutz und externen Diensten achten solltest.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Briefly explained:<\/strong> Google Maps, YouTube und Social Media sind externe Dienste. Kopage stellt Funktionen bereit, mit denen du solche Inhalte beziehungsweise Verkn\u00fcpfungen in deine Website integrieren kannst. Der eigentliche externe Dienst wird jedoch nicht von Kopage oder CURIAWEB betrieben.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Externe Inhalte in Kopage einbinden<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nicht jeder Inhalt einer Website muss direkt innerhalb von Kopage erstellt werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr bestimmte Aufgaben kannst du externe Dienste einbinden oder auf diese verlinken.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Typical examples are:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Standort anzeigen\n\u2192 Google Maps\n\nVideo anzeigen\n\u2192 YouTube\n\nSocial-Media-Pr\u00e4senz verkn\u00fcpfen\n\u2192 Social Media<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Solche Funktionen solltest du gezielt einsetzen. Nur weil sich ein externer Dienst integrieren l\u00e4sst, bedeutet das nicht automatisch, dass er auf jeder Seite ben\u00f6tigt wird.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Google Maps in Kopage verwenden<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine Karte ist besonders sinnvoll, wenn Besucher einen physischen Standort finden sollen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das kann beispielsweise ein Gesch\u00e4ft, Restaurant, B\u00fcro, Vereinslokal, eine Praxis oder ein Veranstaltungsort sein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mit der entsprechenden Kartenfunktion kannst du eine Google-Maps-Darstellung in deine Kopage Website integrieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine typische Verwendung ist die Kontaktseite:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Firmenname\nAdresse\nTelefon\nE-Mail\n\u00d6ffnungszeiten\n\n&#91;Google Maps Karte]<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Damit erh\u00e4lt der Besucher sowohl die geschriebenen Kontaktdaten als auch eine visuelle Orientierung.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Google Maps zu einer Seite hinzuf\u00fcgen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6ffne im Kopage Editor die Seite, auf der die Karte erscheinen soll.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">W\u00e4hle dort die entsprechende Google-Maps- beziehungsweise Kartenfunktion und f\u00fcge sie an der gew\u00fcnschten Position ein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Anschlie\u00dfend legst du den Standort beziehungsweise die f\u00fcr die Darstellung ben\u00f6tigten Standortinformationen fest.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kontrolliere danach in der tats\u00e4chlichen Kartendarstellung, ob der richtige Ort angezeigt wird.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Important:<\/strong> Verlasse dich nicht ausschlie\u00dflich darauf, dass eine eingegebene Adresse automatisch zum richtigen Kartenpunkt f\u00fchrt. Kontrolliere die fertige Karte, insbesondere wenn \u00e4hnliche Stra\u00dfennamen oder Ortsbezeichnungen existieren.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Welche Adresse sollte ich f\u00fcr Google Maps verwenden?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Verwende die Adresse des Standorts, den Besucher tats\u00e4chlich finden sollen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine vollst\u00e4ndige Angabe ist normalerweise hilfreicher als nur ein Firmenname.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Musterfirma AG\nMusterstrasse 10\n7000 Chur\nSchweiz<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00fcfe zus\u00e4tzlich, ob die Adresse auch im normalen Kartendienst korrekt gefunden wird.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Karte und geschriebene Adresse kombinieren<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine Karte sollte die normale Adressangabe nicht vollst\u00e4ndig ersetzen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Schreibe die Anschrift zus\u00e4tzlich als normalen Text auf die Website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dadurch k\u00f6nnen Besucher die Adresse auch dann lesen, kopieren oder anderweitig verwenden, wenn die externe Karte nicht geladen wird.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Practical Tip:<\/strong> Zeige wichtige Informationen wie Adresse, Telefonnummer oder \u00d6ffnungszeiten immer zus\u00e4tzlich als normalen Website-Inhalt und nicht ausschlie\u00dflich innerhalb einer externen Einbettung.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Google Maps auf der Kontaktseite<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die Kontaktseite ist der h\u00e4ufigste Einsatzort einer Standortkarte.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dort kannst du die Karte mit weiteren Informationen kombinieren, beispielsweise:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Adresse,<\/li>\n\n\n\n<li>Telefonnummer,<\/li>\n\n\n\n<li>E-Mail-Adresse,<\/li>\n\n\n\n<li>\u00d6ffnungszeiten,<\/li>\n\n\n\n<li>Kontaktformular,<\/li>\n\n\n\n<li>und Hinweisen zur Anfahrt.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Wie du ein Formular erstellst, erkl\u00e4ren wir unter <a href=\"\/en\/help\/website-builder\/kopage-formulare-erstellen\/\">Create forms and contact forms with Kopage<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Google Maps auf dem Smartphone pr\u00fcfen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine eingebundene Karte sollte auch auf kleineren Bildschirmen sinnvoll dargestellt werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kontrolliere insbesondere, ob die Karte nicht \u00fcber den verf\u00fcgbaren Inhaltsbereich hinausragt und ob andere Inhalte der Kontaktseite weiterhin gut lesbar und bedienbar sind.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Teste die Seite au\u00dferdem mit dem Smartphone, weil gerade Standortinformationen h\u00e4ufig unterwegs aufgerufen werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Datenschutz bei Google Maps beachten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bei einer eingebetteten Karte handelt es sich um einen externen Dienst. Beim Laden solcher Inhalte k\u00f6nnen technisch Daten zwischen dem Browser des Besuchers und dem externen Anbieter ausgetauscht werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ob und unter welchen Voraussetzungen eine direkte Einbettung verwendet werden sollte, h\u00e4ngt von der konkreten technischen Umsetzung und den f\u00fcr deine Website geltenden Datenschutzanforderungen ab.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Important:<\/strong> Die technische M\u00f6glichkeit, einen externen Dienst einzubinden, bedeutet nicht automatisch, dass damit s\u00e4mtliche Datenschutzanforderungen erf\u00fcllt sind. Pr\u00fcfe die f\u00fcr deine Website und deinen Standort geltenden Vorgaben.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Alternative zur direkt eingebetteten Karte<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du keine interaktive Karte direkt auf deiner Website einbinden m\u00f6chtest, kannst du Besuchern alternativ die Adresse als normalen Text anzeigen und bei Bedarf auf einen externen Kartendienst verweisen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Welche L\u00f6sung sinnvoller ist, h\u00e4ngt vom Zweck deiner Website und deiner gew\u00e4hlten Datenschutzl\u00f6sung ab.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">YouTube-Videos in Kopage einbinden<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Videos k\u00f6nnen Inhalte vermitteln, die sich mit Text und Bildern nur schwer darstellen lassen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Examples are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Produktvorstellungen,<\/li>\n\n\n\n<li>Anleitungen,<\/li>\n\n\n\n<li>Unternehmensvorstellungen,<\/li>\n\n\n\n<li>Interviews,<\/li>\n\n\n\n<li>Events,<\/li>\n\n\n\n<li>oder Pr\u00e4sentationen.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage unterst\u00fctzt die Einbindung von YouTube-Inhalten, sodass ein Video innerhalb deiner Website dargestellt werden kann.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wann ist ein YouTube-Video sinnvoll?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Video sollte einen tats\u00e4chlichen Mehrwert bieten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn ein Besucher eine Information in zwei S\u00e4tzen erfassen kann, ist daf\u00fcr nicht zwingend ein zehnmin\u00fctiges Video notwendig.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Video eignet sich besonders dann, wenn Bewegung, Ton oder eine visuelle Demonstration das Thema besser vermitteln als ein statischer Inhalt.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Practical Tip:<\/strong> Betrachte Videos als Erg\u00e4nzung deiner Inhalte. Wichtige Informationen sollten nach M\u00f6glichkeit nicht ausschlie\u00dflich in einem Video vorhanden sein.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">YouTube-Video zu einer Seite hinzuf\u00fcgen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6ffne die gew\u00fcnschte Seite im Kopage Editor und f\u00fcge die entsprechende YouTube- beziehungsweise Video-Funktion an der vorgesehenen Stelle ein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr die Zuordnung des Videos wird die entsprechende YouTube-Information beziehungsweise Video-Adresse verwendet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kontrolliere anschlie\u00dfend, ob tats\u00e4chlich das gew\u00fcnschte Video angezeigt wird.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein typischer YouTube-Link kann beispielsweise so aussehen:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-provider-youtube wp-block-embed-youtube\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/www.youtube.com\/watch?v=XXXXXXXXXXX\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Die konkrete Video-Adresse findest du beim jeweiligen Video auf YouTube.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00d6ffentliche Verf\u00fcgbarkeit des Videos pr\u00fcfen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein eingebundenes Video kann nur sinnvoll angezeigt werden, wenn es \u00fcber YouTube entsprechend erreichbar ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn ein Video gel\u00f6scht, gesperrt oder seine Verf\u00fcgbarkeit ge\u00e4ndert wird, kann dies auch Auswirkungen auf die Einbettung auf deiner Website haben.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kontrolliere deshalb bei wichtigen Seiten gelegentlich, ob externe Videos weiterhin funktionieren.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Nicht zu viele Videos auf einer Seite verwenden<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Mehrere eingebettete Videos k\u00f6nnen eine Seite un\u00fcbersichtlich machen und zus\u00e4tzliche externe Ressourcen erfordern.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du viele Videos ver\u00f6ffentlichen m\u00f6chtest, kann es sinnvoller sein, diese thematisch auf mehrere Seiten zu verteilen oder nur ausgew\u00e4hlte Videos direkt einzubetten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Website sollte nicht zu einer blo\u00dfen Kopie deines YouTube-Kanals werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Video mit Text kombinieren<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Erkl\u00e4re m\u00f6glichst auch im normalen Seiteninhalt, worum es in einem eingebetteten Video geht.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Statt nur einen Videoplayer ohne Kontext zu zeigen, kannst du beispielsweise eine \u00dcberschrift und eine kurze Beschreibung erg\u00e4nzen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dadurch wei\u00df der Besucher bereits vor dem Start, was ihn erwartet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das hilft au\u00dferdem dabei, den Inhalt der Seite verst\u00e4ndlicher zu strukturieren.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Datenschutz bei YouTube beachten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Auch YouTube ist ein externer Dienst. Eine direkte Einbettung kann deshalb datenschutzrechtlich relevant sein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Je nach technischer Umsetzung k\u00f6nnen beim Laden des eingebetteten Inhalts Verbindungen zu externen Servern entstehen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ber\u00fccksichtige dies bei deiner Datenschutz- und gegebenenfalls Consent-L\u00f6sung.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Important:<\/strong> Pr\u00fcfe externe Einbettungen nicht nur gestalterisch und technisch, sondern auch im Zusammenhang mit deiner Datenschutzkonfiguration.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Social Media mit der Kopage Website verbinden<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn dein Unternehmen oder Projekt auf sozialen Netzwerken aktiv ist, kannst du deine Website mit diesen Profilen verbinden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dadurch k\u00f6nnen Besucher beispielsweise von deiner Website zu deinem jeweiligen Social-Media-Auftritt wechseln.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Welche Netzwerke f\u00fcr dich sinnvoll sind, h\u00e4ngt davon ab, wo du tats\u00e4chlich aktiv bist.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Nur tats\u00e4chlich gepflegte Profile verlinken<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Social-Media-Icon sollte nicht nur deshalb auf der Website erscheinen, weil das entsprechende Netzwerk bekannt ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verlinke vorzugsweise Profile, die tats\u00e4chlich zu deinem Unternehmen oder Projekt geh\u00f6ren und noch gepflegt werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein seit mehreren Jahren verwaistes Profil kann bei Besuchern einen schlechteren Eindruck hinterlassen als gar kein entsprechender Link.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Social-Media-Links korrekt hinterlegen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Verwende f\u00fcr einen Social-Media-Link die Adresse deines tats\u00e4chlichen Profils und nicht lediglich die Startseite des jeweiligen Netzwerks.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Beispielsweise sollte ein Instagram-Symbol direkt zu deinem Instagram-Profil f\u00fchren und nicht nur allgemein zu Instagram.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kontrolliere jeden Link nach dem Einrichten.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Practical Tip:<\/strong> \u00d6ffne nach dem Einrichten jedes Social-Media-Symbol selbst. Damit erkennst du sofort Tippfehler oder Links auf das falsche Profil.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Wo sollten Social-Media-Links erscheinen?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Social-Media-Verkn\u00fcpfungen k\u00f6nnen je nach Website an unterschiedlichen Stellen sinnvoll sein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">H\u00e4ufig werden sie beispielsweise im Header, Footer oder Kontaktbereich verwendet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sie sollten gut auffindbar sein, aber nicht von den eigentlichen Inhalten und wichtigsten Handlungsaufforderungen deiner Website ablenken.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Social-Media-Link und eingebetteter Feed sind nicht dasselbe<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein einfacher Social-Media-Link f\u00fchrt den Besucher von deiner Website zu einem externen Profil.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein eingebetteter Feed beziehungsweise externer Social-Media-Inhalt l\u00e4dt dagegen Inhalte des jeweiligen Dienstes innerhalb deiner Website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das ist technisch und datenschutzrechtlich ein wichtiger Unterschied.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Social-Media-Link\n\u2192 Besucher \u00f6ffnet externes Profil\n\neingebetteter externer Inhalt\n\u2192 externe Inhalte werden innerhalb der Website geladen<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Ber\u00fccksichtige diesen Unterschied bei der Entscheidung, welche Art der Integration du verwenden m\u00f6chtest.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Externe Inhalte und Ladezeit<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Google Maps, Videos und andere eingebettete Dienste k\u00f6nnen zus\u00e4tzliche Ressourcen von externen Servern laden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn eine Seite sehr viele solcher Einbettungen enth\u00e4lt, kann dies die Ladezeit und das Nutzererlebnis beeinflussen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verwende externe Inhalte deshalb gezielt und nur dort, wo sie f\u00fcr den Besucher einen tats\u00e4chlichen Nutzen bieten.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Externe Inhalte und responsive Darstellung<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine Karte oder ein Video sollte sich auch auf kleineren Bildschirmgr\u00f6\u00dfen korrekt in die Seite einf\u00fcgen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kontrolliere nach der Einbindung deshalb Desktop, Tablet und Smartphone.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pay special attention to whether:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Karte vollst\u00e4ndig sichtbar ist\nVideo in den Inhaltsbereich passt\nkeine Elemente seitlich herausragen\nBedienelemente erreichbar bleiben\nText neben Einbettungen lesbar bleibt<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">You can find further information at <a href=\"\/en\/help\/website-builder\/kopage-responsive-design\/\">Responsive Design: Optimizing Kopage website for smartphones and tablets<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was tun, wenn Google Maps nicht angezeigt wird?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Kontrolliere zun\u00e4chst, ob die f\u00fcr die Karte hinterlegten Standortinformationen korrekt sind.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00fcfe anschlie\u00dfend die Seite au\u00dferhalb des Editors in einem normalen Browser.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du auf deiner Website eine Consent- beziehungsweise Datenschutzl\u00f6sung verwendest, solltest du au\u00dferdem pr\u00fcfen, ob externe Inhalte m\u00f6glicherweise erst nach einer entsprechenden Auswahl des Besuchers geladen werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Teste die Seite bei Bedarf zus\u00e4tzlich in einem privaten Browserfenster.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was tun, wenn ein YouTube-Video nicht funktioniert?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00fcfe zuerst, ob das Video direkt \u00fcber YouTube erreichbar ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kontrolliere anschlie\u00dfend die hinterlegte Video-Adresse und ob tats\u00e4chlich das gew\u00fcnschte Video zugeordnet wurde.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn das Video extern nicht mehr verf\u00fcgbar ist, kann Kopage es auf deiner Website ebenfalls nicht mehr ordnungsgem\u00e4\u00df anzeigen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was tun, wenn ein Social-Media-Link falsch f\u00fchrt?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6ffne den betreffenden Link und kontrolliere die hinterlegte Profiladresse.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Achte insbesondere auf Tippfehler und darauf, dass du die vollst\u00e4ndige Adresse des richtigen Profils verwendest.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn ein Profil umbenannt oder gel\u00f6scht wurde, kann auch ein fr\u00fcher korrekt eingerichteter Link sp\u00e4ter nicht mehr funktionieren.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Externe Links regelm\u00e4\u00dfig kontrollieren<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Inhalte, die vollst\u00e4ndig innerhalb deiner Website liegen, bleiben unter deiner Kontrolle. Bei externen Diensten kann sich dagegen etwas \u00e4ndern, ohne dass du deine Kopage Website bearbeitet hast.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Video kann gel\u00f6scht, ein Social-Media-Profil umbenannt oder eine externe Funktion ver\u00e4ndert werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kontrolliere wichtige externe Verkn\u00fcpfungen deshalb gelegentlich.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wann sollte ich eigenen HTML-Code verwenden?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nicht jeder externe Dienst besitzt eine eigene vorgefertigte Kopage-Funktion.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr bestimmte Integrationen kann eigener Einbettungscode erforderlich sein. Kopage bietet M\u00f6glichkeiten zur Verwendung von eigenem HTML, CSS und JavaScript.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn eine vorhandene Kopage-Funktion denselben Zweck erf\u00fcllt, solltest du f\u00fcr normale Anwendungen jedoch zun\u00e4chst diese verwenden.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Attention:<\/strong> Kopiere nicht ungepr\u00fcft beliebigen Einbettungs- oder JavaScript-Code aus dem Internet in deine Website. Externer Code kann Funktionen, Datenschutz, Sicherheit und Darstellung deiner Website beeinflussen.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Den Einsatz von eigenem Code behandeln wir separat unter <a href=\"\/en\/help\/website-builder\/kopage-html-css-javascript\/\">How to use custom HTML, CSS, and JavaScript in Kopage<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Check vor der Ver\u00f6ffentlichung<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du Google Maps, YouTube oder Social Media eingebunden hast, solltest du die betreffende Seite anschlie\u00dfend vollst\u00e4ndig testen.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Richtiger Standort in Google Maps?\n        \u2193\nAdresse zus\u00e4tzlich als Text vorhanden?\n        \u2193\nRichtiges YouTube-Video eingebunden?\n        \u2193\nVideo tats\u00e4chlich verf\u00fcgbar?\n        \u2193\nSocial-Media-Links korrekt?\n        \u2193\nExterne Inhalte wirklich notwendig?\n        \u2193\nDatenschutz ber\u00fccksichtigt?\n        \u2193\nSmartphone-Darstellung gepr\u00fcft?\n        \u2193\nSeite im normalen Browser getestet?<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">What's next?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Neben Karten, Videos und Social Media bietet Kopage weitere Funktionen f\u00fcr dynamische Inhalte.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine davon ist der Blog. Damit kannst du regelm\u00e4\u00dfig neue Beitr\u00e4ge, Neuigkeiten oder andere aktuelle Inhalte auf deiner Website ver\u00f6ffentlichen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Therefore, we continue with <a href=\"\/en\/help\/website-builder\/create-kopage-blog-news\/\">Create and manage a blog and news with Kopage<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Summary<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Mit dem klassischen Kopage Website Builder kannst du unter anderem Google Maps, YouTube und Social-Media-Verkn\u00fcpfungen in deine Website integrieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Google Maps eignet sich insbesondere zur Darstellung eines physischen Standorts. YouTube kann Inhalte erg\u00e4nzen, die sich visuell besser erkl\u00e4ren lassen. Social-Media-Verkn\u00fcpfungen f\u00fchren Besucher zu deinen weiteren Online-Kan\u00e4len.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verwende externe Dienste gezielt und kontrolliere regelm\u00e4\u00dfig, ob die eingebundenen Inhalte und Links weiterhin funktionieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Beachte au\u00dferdem, dass externe Einbettungen Auswirkungen auf Datenschutz, Ladezeit und die technische Funktionsweise einer Seite haben k\u00f6nnen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Eine externe Einbindung ist dann sinnvoll, wenn sie dem Besucher einen konkreten Mehrwert bietet \u2013 nicht allein deshalb, weil sie technisch m\u00f6glich ist.<\/strong><\/p>","protected":false},"excerpt":{"rendered":"<p>Mit dem klassischen Kopage Website Builder kannst du deine Website um externe Inhalte und Dienste erg\u00e4nzen. Dazu geh\u00f6ren unter anderem Standortkarten mit Google Maps, YouTube-Videos und Verkn\u00fcpfungen zu sozialen Netzwerken. Solche Inhalte k\u00f6nnen eine Website sinnvoll erg\u00e4nzen: Eine Karte hilft Besuchern bei der Anfahrt, ein Video kann ein Produkt oder Unternehmen anschaulich vorstellen und Social-Media-Verkn\u00fcpfungen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"doc_category":[84],"doc_tag":[],"class_list":["post-22834","docs","type-docs","status-publish","hentry","doc_category-website-baukasten"],"year_month":"2026-09","word_count":2182,"total_views":"4","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Silvio Mazenauer","author_nicename":"admin-curia","author_url":"https:\/\/www.curiaweb.ch\/en\/author\/admin-curia\/"},"doc_category_info":[{"term_name":"Website-Baukasten","term_url":"https:\/\/www.curiaweb.ch\/en\/hilfe-kategorie\/website-baukasten\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/docs\/22834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/comments?post=22834"}],"version-history":[{"count":1,"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/docs\/22834\/revisions"}],"predecessor-version":[{"id":22836,"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/docs\/22834\/revisions\/22836"}],"wp:attachment":[{"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/media?parent=22834"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/doc_category?post=22834"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/en\/wp-json\/wp\/v2\/doc_tag?post=22834"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}