Video und Karte einbinden

Du kannst deine Website um eine Google Maps Karte und ein YouTube-Video ergänzen. So präsentierst du beispielsweise dein Büro auf der Karte oder zeigst Produktvideos auf der Seite.

Voraussetzungen

Du brauchst für die Karte einen Google Maps Embed-Link. YouTube-Videos lassen sich direkt über ihren Link einbinden.

Aufbau der Einstellung

Die Karte und das Video werden jeweils als eigenständige Blöcke konfiguriert. Für die Karte gibst du eine Überschrift, eine Beschreibung und die Kartendarstellung ein. Das Video wird mit dem Link, der Höhe und Breite sowie einer Zentrierung eingestellt.

So gehst du vor

Google Maps Karte

Öffne den Bereich Karte in der rechten Seitenleiste.
Trage in Überschrift eine Beschriftung für die Karte ein – etwa den Namen des Ortes oder "Besuchen Sie uns".
Ergänze bei Bedarf eine Beschreibung – etwa "Unser Büro befindet sich in der Innenstadt".
Füge in Google Maps Embed-URL den Link ein, den du von Google Maps kopiert hast. Du erhältst diesen Link, wenn du in Google Maps auf eine Adresse klickst, das Menü öffnest und "Link teilen" oder "Karte einbetten" wählst.
Stelle unter Höhe (px) ein, wie viel Platz die Karte auf der Seite einnehmen soll – der Wert wird in Pixeln angegeben.

YouTube-Video

Öffne den Bereich YoutubeBlock in der rechten Seitenleiste.
Gib in Youtube-Link den Link zum Video ein. Der Link muss von youtube.com stammen.
Bestimme unter Höhe(px) und Breite(px), wie groß das Video angezeigt wird. Du kannst beide Werte unabhängig voneinander einstellen – je größer du sie wählst, desto breiter und höher erscheint das Video.
Aktiviere Block zentrieren, wenn das Video in der Mitte der Seite stehen soll. Deaktiviert bleibt es auf der linken Seite.

Was danach passiert

Sobald du alle Felder ausfüllst, werden die Karte und das Video in der Vorschau links angezeigt. Sie erscheinen später auf der Website an der Stelle, an der du den Block eingefügt hast. Speichere deine Änderungen, damit sie erhalten bleiben.

Die Größe der Karte und des Videos passt sich auf Mobilgeräten automatisch an – du musst dich nicht extra darum kümmern.

Tipps und Hinweise

Google Maps Embed-Link: Stelle sicher, dass du den Embed-Link (nicht nur den Kartenlink) verwendest. Er sieht anders aus und ist speziell zum Einbetten gedacht.
Video-Link: Verwende den Link aus der Adresszeile deines Browsers oder die "Teilen"-Schaltfläche auf YouTube – nicht den Einbettungscode.
Größe anpassen: Probiere unterschiedliche Pixel-Werte aus, bis Video und Karte optisch zu deiner Website passen. Auf großen Bildschirmen sehen sie anders aus als auf dem Handy.
Beide Blöcke nutzbar: Du kannst Karte und Video unabhängig voneinander verwenden – füge nur das ein, das du brauchst.