Google Maps DSGVO konform in eine Website einbinden

Level: Einfach
Webflow allgemein
Details
Level
Einfach
Datum
July 12, 2026
Autor
Lächelnder Mann mit kurzem braunem Haar und Bart vor orangem Hintergrund.
Jonas Arleth
Blog Post

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.

Mehr Content

Blog Archiv

MAST Framework Deep Dive in Webflow: Vom Setup zum System

Deep Dive ins MAST Framework für Webflow: Unterschiede zu Client-First, Komponenten-Workflow, Grid-System, Variablen, Icons und Kunden-Setup.
Video
Kategorie
Webflow allgemein

Anschauen
Beitrag anschauen

So baue ich flexible Weblayouts ohne Grid (Webflow Workflow)

Webflow-Tutorial: Warum ich selten mit festen Spalten-Grids arbeite und wie du Layouts trotzdem professionell umsetzt.
Video
Kategorie
Beginner Tutorial
Skill
Einfach

Anschauen
Beitrag anschauen

Website SEO, Schema-Markup und ALT-Texte jetzt mit KI

Webflow generiert jetzt automatisch Alt-Texte, Meta-Daten & Schema Markup – kostenlos, KI-basiert & ohne Plugins. So funktioniert das neue Update!
Video
Kategorie
Webflow allgemein

Anschauen
Beitrag anschauen

Webflow Conf 2025 Reaction: Nur Hype oder wirklich nützlich?

Webflow Conf 2025 Reaction: AI-Code-Generation, neues CMS & mehr. Ehrliche Einschätzung mit echten Use Cases und Tipps für deine Projekte.
Video
Kategorie
Webflow allgemein

Anschauen
Beitrag anschauen

10 NEUE Webflow‑Tricks, die 95 % der Webdesigner nicht nutzen

10 Webflow-Tricks, die du garantiert noch nicht kennst! Jetzt im Video entdecken und dein Webdesign aufs nächste Level bringen – ganz ohne Code.
Video
Kategorie
Webflow allgemein

Anschauen
Beitrag anschauen

Barrierefreiheit für Websites: Das ist ab 2025 Gesetz + Checkliste

Ab Juni 2025 wird barrierefreies Webdesign Pflicht. Erfahre, was das neue Gesetz vorschreibt und wie du deine Website für alle zugänglich machst.
Video
Kategorie
Webflow allgemein

Anschauen
Beitrag anschauen