Google Maps DSGVO konform in eine Website einbinden

Level: Einfach
Webflow allgemein
Vorschaubild zum Beitrag: Google Maps DSGVO konform in eine Website einbinden
Details
Level
Einfach
Datum
August 19, 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

Source by Webflow: Haben wir zu hohe Ansprüche?

Source by Webflow im Check: Was das neue Tool kann, wo die Grenzen liegen und was du besser selbst baust. Klare Einordnung für Webdesigner.
Video
​
Kategorie
Webflow Updates

Anschauen
Beitrag anschauen

Wars das mit Webflow? Was die Conf 2026 für uns bedeutet

Webflow richtet sich auf der Conf 2026 an Marketer, Unternehmen und KI-Agenten. Was das für Designer und Entwickler bedeutet.
Video
​
Kategorie
Webflow allgemein

Anschauen
Beitrag anschauen
Vorschaubild zum Beitrag: MAST Framework Deep Dive in Webflow: Vom Setup zum System

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
Vorschaubild zum Beitrag: Website SEO, Schema-Markup und ALT-Texte jetzt mit KI

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