Google I/O: Google Maps einbinden (Teil 3)

Du hast ein lokales Geschäft und möchtest dieses auf deiner Website einbinden? Oder hast du gleich mehrere Filialen? Wir zeigen dir heute, wie du mit JavaScript eine Google Maps Karte in deine Website einbauen kannst. Das Tutorial haben wir auf der Google I/O gefunden.

Zugegeben: Einfach ist es nicht. Es ist eine technische Aufgabe und du musst mit Code umgehen. Google hat eine sehr ausführliche Schritt-für-Schritt Anleitung dazu erstellt, sodass du es auch als nicht-Informatiker:in schaffen kannst. Als Dauer für die Einrichtung sind etwa 45 Minuten angegeben. Wir würden dir aber empfehlen, dir um einiges mehr Zeit zu nehmen und alles in Ruhe anzugehen.

Anleitung
Das Beschreiben aller Schritte würde hier den Rahmen sprengen. Deswegen findest du hier direkt die Anleitung von Google.

Auf einen Aspekt möchten wir dich allerdings besonders hinweisen: den Rechtlichen. Dieser wird in der Anleitung überhaupt nicht berücksichtigt, ist aber essentiell. Wie allen Drittanbieter-Inhalten musst du auch bei Google Maps explizit auf den Datenschutz achten.

Bindest du Google Maps in deine Website ein, so wird bei der Nutzung der Karte automatisch eine Verbindung zum Google-Server hergestellt und (personenbezogene) Daten werden dorthin weitergeleitet. Außerdem werden nicht-essentielle Cookies geladen. Für diese Vorgänge muss nach dem TTDSG (Telekommunikation-Telemedien-Datenschutz-Gesetz) das Einverständnis des Nutzers oder der Nutzerin dafür vorliegen.

Für die Datenschutzkonforme Einbindung von Google Maps brauchst du folgende Elemente:

1. Auftragsverarbeitungsvertrag
   Zwischen dir als Website-Betreiber und Google als Dienstleister muss ein Vertrag über die Verarbeitung bestehender Daten abgeschlossen werden. Bei Google wird der sog. „Joint Control Contract“ optional angeboten, zumindest in Deutschland und der EU solltest du aber nicht darauf verzichten. Du findest diesen Vertrag in deiner Google Cloud Plattform rechts oben bei den drei Punkten unter Projekteinstellungen > Datenschutz & Sicherheit > Datenverarbeitungsbedingungen und Sicherheitsbestimmungen.
2. Opt-in-Einwilligung
   Es ist nötig, eine aktive und informierte Einwilligung deiner Nutzer:innen einzuholen, bevor du ihnen Google Maps auf deiner Website zur Verfügung stellst. Diese Einwilligung holst du dir am besten in Form eines Cookie Banners. Dafür hast du mehrere Möglichkeiten:
   1. Entweder, du erbittest die Einwilligung für die Google Maps direkt in deinem eh schon vorhandenen Cookie-Banner. Hier achtest du darauf, dass jegliche Nutzung der Daten und jegliches setzen von Cookies transparent dargestellt ist.
   2. Oder du nutzt einen Banner unmittelbar vor der Inhalt. Es gibt speziell für Google Maps konzipierte Banner. Diese werden vorgeschaltet und erst wenn die Nutzer oder der Nutzerin die Cookies akzeptiert, wird die Karte unter dem Banner sichtbar. Widerspricht jemand dem Tracking, so kann er die Karte auch nicht nutzen.
3. Datenschutzerklärung
   Google Maps muss außerdem in deiner Datenschutzerklärung aufgeführt werden. Dort erklärst du den User:innen, warum du Google Maps einsetzt, welche Daten erhoben werden, wohin die Daten weitergeleitet werden und wer der Anbieter des Dienstes (in diesem Fall Google) ist.

🔍 Infos zum rechtlichen Aspekt findest du bei devowl.io.

Stay tuned: Nächste Woche erklären wir dir in unserer Google I/O-Serie, was dieses Google Angular ist, von dem alle sprechen.