Mit dem klassischen Kopage Website Builder kannst du deine Website um externe Inhalte und Dienste ergänzen. Dazu gehören unter anderem Standortkarten mit Google Maps, YouTube-Videos und Verknüpfungen zu sozialen Netzwerken.
Solche Inhalte können eine Website sinnvoll ergänzen: Eine Karte hilft Besuchern bei der Anfahrt, ein Video kann ein Produkt oder Unternehmen anschaulich vorstellen und Social-Media-Verknüpfungen führen zu deinen weiteren Online-Kanälen.
In dieser Anleitung zeigen wir dir, wann solche Einbindungen sinnvoll sind, wie du sie grundsätzlich in Kopage verwendest und worauf du insbesondere bei Darstellung, Datenschutz und externen Diensten achten solltest.
Kurz erklärt: Google Maps, YouTube und Social Media sind externe Dienste. Kopage stellt Funktionen bereit, mit denen du solche Inhalte beziehungsweise Verknüpfungen in deine Website integrieren kannst. Der eigentliche externe Dienst wird jedoch nicht von Kopage oder CURIAWEB betrieben.
Externe Inhalte in Kopage einbinden #
Nicht jeder Inhalt einer Website muss direkt innerhalb von Kopage erstellt werden.
Für bestimmte Aufgaben kannst du externe Dienste einbinden oder auf diese verlinken.
Typische Beispiele sind:
Standort anzeigen
→ Google Maps
Video anzeigen
→ YouTube
Social-Media-Präsenz verknüpfen
→ Social MediaSolche Funktionen solltest du gezielt einsetzen. Nur weil sich ein externer Dienst integrieren lässt, bedeutet das nicht automatisch, dass er auf jeder Seite benötigt wird.
Google Maps in Kopage verwenden #
Eine Karte ist besonders sinnvoll, wenn Besucher einen physischen Standort finden sollen.
Das kann beispielsweise ein Geschäft, Restaurant, Büro, Vereinslokal, eine Praxis oder ein Veranstaltungsort sein.
Mit der entsprechenden Kartenfunktion kannst du eine Google-Maps-Darstellung in deine Kopage Website integrieren.
Eine typische Verwendung ist die Kontaktseite:
Firmenname
Adresse
Telefon
E-Mail
Öffnungszeiten
[Google Maps Karte]Damit erhält der Besucher sowohl die geschriebenen Kontaktdaten als auch eine visuelle Orientierung.
Google Maps zu einer Seite hinzufügen #
Öffne im Kopage Editor die Seite, auf der die Karte erscheinen soll.
Wähle dort die entsprechende Google-Maps- beziehungsweise Kartenfunktion und füge sie an der gewünschten Position ein.
Anschließend legst du den Standort beziehungsweise die für die Darstellung benötigten Standortinformationen fest.
Kontrolliere danach in der tatsächlichen Kartendarstellung, ob der richtige Ort angezeigt wird.
Wichtig: Verlasse dich nicht ausschließlich darauf, dass eine eingegebene Adresse automatisch zum richtigen Kartenpunkt führt. Kontrolliere die fertige Karte, insbesondere wenn ähnliche Straßennamen oder Ortsbezeichnungen existieren.
Welche Adresse sollte ich für Google Maps verwenden? #
Verwende die Adresse des Standorts, den Besucher tatsächlich finden sollen.
Eine vollständige Angabe ist normalerweise hilfreicher als nur ein Firmenname.
Beispielsweise:
Musterfirma AG
Musterstrasse 10
7000 Chur
SchweizPrüfe zusätzlich, ob die Adresse auch im normalen Kartendienst korrekt gefunden wird.
Karte und geschriebene Adresse kombinieren #
Eine Karte sollte die normale Adressangabe nicht vollständig ersetzen.
Schreibe die Anschrift zusätzlich als normalen Text auf die Website.
Dadurch können Besucher die Adresse auch dann lesen, kopieren oder anderweitig verwenden, wenn die externe Karte nicht geladen wird.
Praxis-Tipp: Zeige wichtige Informationen wie Adresse, Telefonnummer oder Öffnungszeiten immer zusätzlich als normalen Website-Inhalt und nicht ausschließlich innerhalb einer externen Einbettung.
Google Maps auf der Kontaktseite #
Die Kontaktseite ist der häufigste Einsatzort einer Standortkarte.
Dort kannst du die Karte mit weiteren Informationen kombinieren, beispielsweise:
- Adresse,
- Telefonnummer,
- E-Mail-Adresse,
- Öffnungszeiten,
- Kontaktformular,
- und Hinweisen zur Anfahrt.
Wie du ein Formular erstellst, erklären wir unter Formulare und Kontaktformulare mit Kopage erstellen.
Google Maps auf dem Smartphone prüfen #
Eine eingebundene Karte sollte auch auf kleineren Bildschirmen sinnvoll dargestellt werden.
Kontrolliere insbesondere, ob die Karte nicht über den verfügbaren Inhaltsbereich hinausragt und ob andere Inhalte der Kontaktseite weiterhin gut lesbar und bedienbar sind.
Teste die Seite außerdem mit dem Smartphone, weil gerade Standortinformationen häufig unterwegs aufgerufen werden.
Datenschutz bei Google Maps beachten #
Bei einer eingebetteten Karte handelt es sich um einen externen Dienst. Beim Laden solcher Inhalte können technisch Daten zwischen dem Browser des Besuchers und dem externen Anbieter ausgetauscht werden.
Ob und unter welchen Voraussetzungen eine direkte Einbettung verwendet werden sollte, hängt von der konkreten technischen Umsetzung und den für deine Website geltenden Datenschutzanforderungen ab.
Wichtig: Die technische Möglichkeit, einen externen Dienst einzubinden, bedeutet nicht automatisch, dass damit sämtliche Datenschutzanforderungen erfüllt sind. Prüfe die für deine Website und deinen Standort geltenden Vorgaben.
Alternative zur direkt eingebetteten Karte #
Wenn du keine interaktive Karte direkt auf deiner Website einbinden möchtest, kannst du Besuchern alternativ die Adresse als normalen Text anzeigen und bei Bedarf auf einen externen Kartendienst verweisen.
Welche Lösung sinnvoller ist, hängt vom Zweck deiner Website und deiner gewählten Datenschutzlösung ab.
YouTube-Videos in Kopage einbinden #
Videos können Inhalte vermitteln, die sich mit Text und Bildern nur schwer darstellen lassen.
Beispiele sind:
- Produktvorstellungen,
- Anleitungen,
- Unternehmensvorstellungen,
- Interviews,
- Veranstaltungen,
- oder Präsentationen.
Kopage unterstützt die Einbindung von YouTube-Inhalten, sodass ein Video innerhalb deiner Website dargestellt werden kann.
Wann ist ein YouTube-Video sinnvoll? #
Ein Video sollte einen tatsächlichen Mehrwert bieten.
Wenn ein Besucher eine Information in zwei Sätzen erfassen kann, ist dafür nicht zwingend ein zehnminütiges Video notwendig.
Ein Video eignet sich besonders dann, wenn Bewegung, Ton oder eine visuelle Demonstration das Thema besser vermitteln als ein statischer Inhalt.
Praxis-Tipp: Betrachte Videos als Ergänzung deiner Inhalte. Wichtige Informationen sollten nach Möglichkeit nicht ausschließlich in einem Video vorhanden sein.
YouTube-Video zu einer Seite hinzufügen #
Öffne die gewünschte Seite im Kopage Editor und füge die entsprechende YouTube- beziehungsweise Video-Funktion an der vorgesehenen Stelle ein.
Für die Zuordnung des Videos wird die entsprechende YouTube-Information beziehungsweise Video-Adresse verwendet.
Kontrolliere anschließend, ob tatsächlich das gewünschte Video angezeigt wird.
Ein typischer YouTube-Link kann beispielsweise so aussehen:
Die konkrete Video-Adresse findest du beim jeweiligen Video auf YouTube.
Öffentliche Verfügbarkeit des Videos prüfen #
Ein eingebundenes Video kann nur sinnvoll angezeigt werden, wenn es über YouTube entsprechend erreichbar ist.
Wenn ein Video gelöscht, gesperrt oder seine Verfügbarkeit geändert wird, kann dies auch Auswirkungen auf die Einbettung auf deiner Website haben.
Kontrolliere deshalb bei wichtigen Seiten gelegentlich, ob externe Videos weiterhin funktionieren.
Nicht zu viele Videos auf einer Seite verwenden #
Mehrere eingebettete Videos können eine Seite unübersichtlich machen und zusätzliche externe Ressourcen erfordern.
Wenn du viele Videos veröffentlichen möchtest, kann es sinnvoller sein, diese thematisch auf mehrere Seiten zu verteilen oder nur ausgewählte Videos direkt einzubetten.
Die Website sollte nicht zu einer bloßen Kopie deines YouTube-Kanals werden.
Video mit Text kombinieren #
Erkläre möglichst auch im normalen Seiteninhalt, worum es in einem eingebetteten Video geht.
Statt nur einen Videoplayer ohne Kontext zu zeigen, kannst du beispielsweise eine Überschrift und eine kurze Beschreibung ergänzen.
Dadurch weiß der Besucher bereits vor dem Start, was ihn erwartet.
Das hilft außerdem dabei, den Inhalt der Seite verständlicher zu strukturieren.
Datenschutz bei YouTube beachten #
Auch YouTube ist ein externer Dienst. Eine direkte Einbettung kann deshalb datenschutzrechtlich relevant sein.
Je nach technischer Umsetzung können beim Laden des eingebetteten Inhalts Verbindungen zu externen Servern entstehen.
Berücksichtige dies bei deiner Datenschutz- und gegebenenfalls Consent-Lösung.
Wichtig: Prüfe externe Einbettungen nicht nur gestalterisch und technisch, sondern auch im Zusammenhang mit deiner Datenschutzkonfiguration.
Social Media mit der Kopage Website verbinden #
Wenn dein Unternehmen oder Projekt auf sozialen Netzwerken aktiv ist, kannst du deine Website mit diesen Profilen verbinden.
Dadurch können Besucher beispielsweise von deiner Website zu deinem jeweiligen Social-Media-Auftritt wechseln.
Welche Netzwerke für dich sinnvoll sind, hängt davon ab, wo du tatsächlich aktiv bist.
Nur tatsächlich gepflegte Profile verlinken #
Ein Social-Media-Icon sollte nicht nur deshalb auf der Website erscheinen, weil das entsprechende Netzwerk bekannt ist.
Verlinke vorzugsweise Profile, die tatsächlich zu deinem Unternehmen oder Projekt gehören und noch gepflegt werden.
Ein seit mehreren Jahren verwaistes Profil kann bei Besuchern einen schlechteren Eindruck hinterlassen als gar kein entsprechender Link.
Social-Media-Links korrekt hinterlegen #
Verwende für einen Social-Media-Link die Adresse deines tatsächlichen Profils und nicht lediglich die Startseite des jeweiligen Netzwerks.
Beispielsweise sollte ein Instagram-Symbol direkt zu deinem Instagram-Profil führen und nicht nur allgemein zu Instagram.
Kontrolliere jeden Link nach dem Einrichten.
Praxis-Tipp: Öffne nach dem Einrichten jedes Social-Media-Symbol selbst. Damit erkennst du sofort Tippfehler oder Links auf das falsche Profil.
Wo sollten Social-Media-Links erscheinen? #
Social-Media-Verknüpfungen können je nach Website an unterschiedlichen Stellen sinnvoll sein.
Häufig werden sie beispielsweise im Header, Footer oder Kontaktbereich verwendet.
Sie sollten gut auffindbar sein, aber nicht von den eigentlichen Inhalten und wichtigsten Handlungsaufforderungen deiner Website ablenken.
Social-Media-Link und eingebetteter Feed sind nicht dasselbe #
Ein einfacher Social-Media-Link führt den Besucher von deiner Website zu einem externen Profil.
Ein eingebetteter Feed beziehungsweise externer Social-Media-Inhalt lädt dagegen Inhalte des jeweiligen Dienstes innerhalb deiner Website.
Das ist technisch und datenschutzrechtlich ein wichtiger Unterschied.
Social-Media-Link
→ Besucher öffnet externes Profil
eingebetteter externer Inhalt
→ externe Inhalte werden innerhalb der Website geladenBerücksichtige diesen Unterschied bei der Entscheidung, welche Art der Integration du verwenden möchtest.
Externe Inhalte und Ladezeit #
Google Maps, Videos und andere eingebettete Dienste können zusätzliche Ressourcen von externen Servern laden.
Wenn eine Seite sehr viele solcher Einbettungen enthält, kann dies die Ladezeit und das Nutzererlebnis beeinflussen.
Verwende externe Inhalte deshalb gezielt und nur dort, wo sie für den Besucher einen tatsächlichen Nutzen bieten.
Externe Inhalte und responsive Darstellung #
Eine Karte oder ein Video sollte sich auch auf kleineren Bildschirmgrößen korrekt in die Seite einfügen.
Kontrolliere nach der Einbindung deshalb Desktop, Tablet und Smartphone.
Achte besonders darauf, ob:
Karte vollständig sichtbar ist
Video in den Inhaltsbereich passt
keine Elemente seitlich herausragen
Bedienelemente erreichbar bleiben
Text neben Einbettungen lesbar bleibtWeitere Hinweise findest du unter Responsive Design: Kopage Website für Smartphone und Tablet optimieren.
Was tun, wenn Google Maps nicht angezeigt wird? #
Kontrolliere zunächst, ob die für die Karte hinterlegten Standortinformationen korrekt sind.
Prüfe anschließend die Seite außerhalb des Editors in einem normalen Browser.
Wenn du auf deiner Website eine Consent- beziehungsweise Datenschutzlösung verwendest, solltest du außerdem prüfen, ob externe Inhalte möglicherweise erst nach einer entsprechenden Auswahl des Besuchers geladen werden.
Teste die Seite bei Bedarf zusätzlich in einem privaten Browserfenster.
Was tun, wenn ein YouTube-Video nicht funktioniert? #
Prüfe zuerst, ob das Video direkt über YouTube erreichbar ist.
Kontrolliere anschließend die hinterlegte Video-Adresse und ob tatsächlich das gewünschte Video zugeordnet wurde.
Wenn das Video extern nicht mehr verfügbar ist, kann Kopage es auf deiner Website ebenfalls nicht mehr ordnungsgemäß anzeigen.
Was tun, wenn ein Social-Media-Link falsch führt? #
Öffne den betreffenden Link und kontrolliere die hinterlegte Profiladresse.
Achte insbesondere auf Tippfehler und darauf, dass du die vollständige Adresse des richtigen Profils verwendest.
Wenn ein Profil umbenannt oder gelöscht wurde, kann auch ein früher korrekt eingerichteter Link später nicht mehr funktionieren.
Externe Links regelmäßig kontrollieren #
Inhalte, die vollständig innerhalb deiner Website liegen, bleiben unter deiner Kontrolle. Bei externen Diensten kann sich dagegen etwas ändern, ohne dass du deine Kopage Website bearbeitet hast.
Ein Video kann gelöscht, ein Social-Media-Profil umbenannt oder eine externe Funktion verändert werden.
Kontrolliere wichtige externe Verknüpfungen deshalb gelegentlich.
Wann sollte ich eigenen HTML-Code verwenden? #
Nicht jeder externe Dienst besitzt eine eigene vorgefertigte Kopage-Funktion.
Für bestimmte Integrationen kann eigener Einbettungscode erforderlich sein. Kopage bietet Möglichkeiten zur Verwendung von eigenem HTML, CSS und JavaScript.
Wenn eine vorhandene Kopage-Funktion denselben Zweck erfüllt, solltest du für normale Anwendungen jedoch zunächst diese verwenden.
Achtung: Kopiere nicht ungeprüft beliebigen Einbettungs- oder JavaScript-Code aus dem Internet in deine Website. Externer Code kann Funktionen, Datenschutz, Sicherheit und Darstellung deiner Website beeinflussen.
Den Einsatz von eigenem Code behandeln wir separat unter Eigenes HTML, CSS und JavaScript in Kopage verwenden.
Check vor der Veröffentlichung #
Wenn du Google Maps, YouTube oder Social Media eingebunden hast, solltest du die betreffende Seite anschließend vollständig testen.
Richtiger Standort in Google Maps?
↓
Adresse zusätzlich als Text vorhanden?
↓
Richtiges YouTube-Video eingebunden?
↓
Video tatsächlich verfügbar?
↓
Social-Media-Links korrekt?
↓
Externe Inhalte wirklich notwendig?
↓
Datenschutz berücksichtigt?
↓
Smartphone-Darstellung geprüft?
↓
Seite im normalen Browser getestet?Wie geht es weiter? #
Neben Karten, Videos und Social Media bietet Kopage weitere Funktionen für dynamische Inhalte.
Eine davon ist der Blog. Damit kannst du regelmäßig neue Beiträge, Neuigkeiten oder andere aktuelle Inhalte auf deiner Website veröffentlichen.
Weiter geht es deshalb mit Blog und News mit Kopage erstellen und verwalten.
Zusammenfassung #
Mit dem klassischen Kopage Website Builder kannst du unter anderem Google Maps, YouTube und Social-Media-Verknüpfungen in deine Website integrieren.
Google Maps eignet sich insbesondere zur Darstellung eines physischen Standorts. YouTube kann Inhalte ergänzen, die sich visuell besser erklären lassen. Social-Media-Verknüpfungen führen Besucher zu deinen weiteren Online-Kanälen.
Verwende externe Dienste gezielt und kontrolliere regelmäßig, ob die eingebundenen Inhalte und Links weiterhin funktionieren.
Beachte außerdem, dass externe Einbettungen Auswirkungen auf Datenschutz, Ladezeit und die technische Funktionsweise einer Seite haben können.
Eine externe Einbindung ist dann sinnvoll, wenn sie dem Besucher einen konkreten Mehrwert bietet – nicht allein deshalb, weil sie technisch möglich ist.
