Google Maps DSGVO konform in eine Website einbinden

Level:
Einfach 👌
Das Video kann nur angezeigt werden, wenn Cookies erlaubt sind.
Cookies akzeptieren und Medien laden
Ergebnis anschauen
Icon für einen externen Link
Im Webflow Designer öffnen und klonen
Icon für einen externen Link
Im Webflow Designer öffnen und klonen
Affiliate Link
Icon für einen externen Link

Anleitung: Wie binde ich Google Maps DSGVO konform in eine Webflow Website ein? Wenn du die Karte mit dem Embed Code einbindest, ist es standardmäßig nicht DSGVO konform, da die Cookies von Google nicht blockiert werden. Du müsstest es entsprechend mit einem Cookie Banner unterbinden und nur bei akzeptieren laden. Das funktioniert bei vielen Cookie Bannern ähnlich wie das, was ich dir hier in der Video-Anleitung zeige.  

Um eine Google Maps-Karte auf deiner Website in Übereinstimmung mit der Datenschutz-Grundverordnung (GDPR) einzubinden, solltest du einige Schritte befolgen. Zunächst einmal musst du sicherstellen, dass die Karte nur geladen wird, wenn der Nutzer ausdrücklich der Verwendung seiner Daten zustimmt. Dies kann über eine Einverständniserklärung geschehen, die der Nutzer vor dem Laden der Karte akzeptieren muss. Wir verwenden in dieser Anleitung das Tool „Cookie-Skript”.

Cookie Skript Cookie Banner:
https://cookie-script.com/?ref=jonasarleth (Affiliate Link)

Meine ausführliche Anleitung um Cookie Script in dein Webflow Projekt zu integrieren:
https://www.jonasarleth.com/blog/dsgvo-cookie-banner-in-webflow-integrieren-cookie-scrip

Anleitung von Cookie Skript um iFrames zu blockieren:
https://cookie-script.com/how-to-block-third-party-cookies.html#blocking-third-party-cookies-set-with-an-iframe

Wie bindet man eine Google Maps Karte mit einem embed Code in eine Website ein?

Um eine Google Maps Karte auf deiner Website zu integrieren, kannst du einen Embed-Code von Google Maps verwenden. Hier sind die Schritte, die du ausführen musst:

  1. Öffne Google Maps in deinem Browser und suche nach der gewünschten Adresse.
  2. Wähle "Karte teilen oder einbetten".
  3. Klicke auf "Einbetten auf einer Website" und kopiere den generierten Code.
  4. Füge den Code an der gewünschten Stelle in Webflow in einem Embed-Code Element in deiner Website ein.
  5. Speichere die Änderungen und folge den Schritten aus dem Video, um sie entsprechend beim Laden der Website standardmäßig zu blockieren.