Video und Karte auf der Seite einbinden

Du kannst deiner Website eine Google Map und ein YouTube-Video hinzufügen. Beide Elemente lassen sich in Größe und Position anpassen.

Voraussetzungen

Für die Google Map brauchst du die Embed-URL von Google Maps. Für das YouTube-Video benötigst du den Link zum Video auf YouTube.

So gehst du vor

Google Map hinzufügen

1. Öffne den Block "Karte" auf deiner Seite – wie das funktioniert, erfährst du unter Block auf einer Seite einrichten (Blockkatalog).

2. Fülle die Felder aus:

   • Überschrift: Gib einen Titel für die Karte ein, zum Beispiel "Besuche uns vor Ort"
   • Beschreibung: Schreib eine kurze Erklärung, was die Karte zeigt
   • Google Maps Embed-URL: Füge die Embed-URL ein, die du von Google Maps kopiert hast. Das ist eine Internetadresse, die mit https://www.google.com/maps/embed? beginnt
   • Höhe (px): Gib an, wie hoch die Karte sein soll (in Pixeln, z. B. 400)

3. Die Änderungen speichern sich automatisch.

YouTube-Video hinzufügen

1. Öffne den Block "YoutubeBlock" auf deiner Seite.

2. Fülle die Felder aus:

   • Youtube-Link: Trage den Link zum Video ein – die Adresse aus deinem Browser ist ausreichend
   • Höhe (px): Gib an, wie hoch das Video sein soll (in Pixeln, z. B. 400)
   • Breite (px): Gib an, wie breit das Video sein soll (in Pixeln, z. B. 800)
   • Block zentrieren: Schalte diese Option ein, wenn das Video in der Mitte der Seite stehen soll

3. Die Änderungen speichern sich automatisch.

Aufbau der Felder

Beide Blöcke funktionieren ähnlich: Du schreibst oder klebst Informationen in die Felder, und deine Website zeigt das Ergebnis sofort an. Die Größenangaben in Pixeln bestimmen, wie groß die Inhalte auf dem Bildschirm erscheinen – je höher die Zahl, desto größer das Element.

Was danach passiert

Map und Video sind jetzt sichtbar auf deiner Website. Du kannst jederzeit zurück in den Block und die Einstellungen ändern – zum Beispiel eine andere Karte oder ein anderes Video einbinden oder die Größe anpassen. Damit deine Website online aktualisiert wird, musst du sie veröffentlichen.

Tipps und Hinweise

• Embed-URL von Google Maps kopieren: Öffne Google Maps, suche den Ort, klicke auf das Menü und wähle "Embed a map". Kopiere den Code aus der HTML-Box – die URL ist der Teil zwischen src=" und ".
• YouTube-Links: Du kannst die reguläre Adresse aus der Adressleiste verwenden oder den Teilungslink vom Video nehmen.
• Responsives Design: Wenn du möchtest, dass Map und Video sich automatisch an unterschiedliche Bildschirmgrößen anpassen, wähle Breite und Höhe so, dass das Seitenverhältnis passt (z. B. 16:9 für Video).