{"id":232075,"date":"2021-11-25T10:30:00","date_gmt":"2021-11-25T08:30:00","guid":{"rendered":"https:\/\/devowl.io\/?p=232075"},"modified":"2025-05-02T18:25:29","modified_gmt":"2025-05-02T16:25:29","slug":"google-maps","status":"publish","type":"blog","link":"https:\/\/devowl.io\/de\/dsgvo-konform\/google-maps\/","title":{"rendered":"Google Maps DSGVO-konform in eine Website einbinden!"},"content":{"rendered":"<section class=\"l-section wpb_row height_medium\"><div class=\"l-section-h i-cf\"><div class=\"g-cols vc_row via_flex valign_top type_default stacking_default\"><div class=\"vc_col-sm-12 wpb_column vc_column_container\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p><strong>Come, I&#8217;ll show you the world! \ud83c\udf0e<\/strong><\/p>\n<p>The online map service of the US tech giant has been decorating various websites on the World Wide Web for years. Instead of a dry address, companies, restaurant owners and supermarket chains, for example, have the opportunity to visualise their locations and directions using a smart digital map &#8211; worldwide.<\/p>\n<p>Klingt auf den ersten Blick grandios!<\/p>\n<p class=\"translation-block\"><strong>Aber:<\/strong> Bei der Einbindung von Google Maps k\u00f6nnen Website-Betreiber ganz schnell in b\u00f6se Datenschutz-Fettn\u00e4pfchen treten und infolgedessen teils hohe Bu\u00dfgelder abdr\u00fccken. Damit dir genau das erspart bleibt, zeigen wir dir in diesem Artikel, wie du Karten von Google Maps bestm\u00f6glich datenschutzkonform in deine WordPress-Website einbinden kannst.<\/p>\n<\/div><\/div><div class=\"w-iconbox us_custom_8551abba iconpos_left style_outlined color_primary align_left no_title\"><div class=\"w-iconbox-icon\" style=\"font-size:18px;\"><i class=\"fas fa-info\"><\/i><\/div><div class=\"w-iconbox-meta\"><div class=\"w-iconbox-text\"><p class=\"translation-block\"><p><strong>Achtung: Dieser Artikel ist keine Rechtsberatung!<\/strong> Wir als Entwickler von WordPress Plugins und Auftragnehmer von Website Projekten haben uns intensiv mit dem Thema befasst, da es in unserer t\u00e4glichen Arbeit unerl\u00e4sslich ist. Jedoch sind wir weder Juristen noch k\u00f6nnen wir die Vollst\u00e4ndigkeit, Aktualit\u00e4t und Richtigkeit folgender Informationen garantieren. Lass dich im Zweifelsfall immer von einem Rechtsanwalt beraten.<\/p><\/p>\n<\/div><\/div><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\">\n<\/div><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h2>Google Maps \u2013 was ist das?<\/h2>\n<p>Seeing all corners of the world &#8211; this is exactly what can be done with the Google service (at least in theory). The digital map service is primarily used for navigation, to calculate routes and find parking spaces. But Google Maps is also no longer a foreign word to culture lovers, travel enthusiasts and gourmet tasters. Finding new restaurants, theatres, sights, exhibitions and much more is possible thanks to the map service.<\/p>\n<p>F\u00fcr die Suche verwendet der von Google entwickelte Dienst Luftbilder und Satellitendaten.<\/p>\n<p>In 2007, Google Maps was expanded by the free service &#8220;Street View&#8221;. This service also allows individual addresses to be displayed in a 360\u00b0 panoramic view. The US map service can be used both online and in the form of an app. It is also possible to download offline maps to find the right address even if the internet connection is slow.<\/p>\n<p>Mit mehreren Milliarden Nutzern ist Google Maps definitiv mehr als beliebt. Daher bietet es sich geradezu f\u00fcr Website-Betreiber an, eine Karte auf der eigenen Website einzubinden, um leichter gefunden zu werden.<\/p>\n<\/div><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h2>Ist Google Maps DSGVO-konform?<\/h2>\n<p class=\"translation-block\">Wann immer das Thema <em>Google<\/em> aufkommt, kr\u00e4useln sich die Zehenn\u00e4gel der DSGVO. Denn US-Unternehmen sind nicht gerade daf\u00fcr bekannt, die Vorgaben zum korrekten Umgang mit <a href=\"https:\/\/devowl.io\/de\/datenschutz\/personenbezogene-daten-dsgvo\/\" target=\"_blank\" rel=\"noopener\">personenbezogenen Daten<\/a> einzuhalten.<\/p>\n<p class=\"translation-block\">Da Google Maps, wie auch <a href=\"https:\/\/devowl.io\/de\/dsgvo-konform\/monsterinsights\/#what-is-google-analytics\" target=\"_blank\" rel=\"noopener\">Google Analytics<\/a>, ein Dienst des US-amerikanischen Unternehmens Google LLC. ist, \u00fcbertr\u00e4gt dieser Daten in die USA. Die USA gelten in der EU aus Datenschutz-Perspektive als unsicheres Drittland. Fr\u00fcher regelte das zwischen den USA und der EU ausgehandelte Abkommen namens <strong>Privacy Shield <\/strong>die Daten\u00fcbermittlung in die USA. Allerdings ist dieses Abkommen mittlerweile obsolet, da der EuGH das Datenschutzniveau der USA als nicht ausreichend befand.<\/p>\n<h3>Rechtsgrundlage innerhalb der EU<\/h3>\n<p class=\"translation-block\">Wird Google Maps in eine Website eingebunden, entsteht eine automatische Verbindung zum Google-Server \u2013 dies gilt sowohl f\u00fcr die Map als auch f\u00fcr Google Fonts. Dadurch werden personenbezogene Daten des Nutzers an Google \u00fcbertragen. Ebenso setzt Google Maps <a href=\"https:\/\/devowl.io\/de\/cookies\/definition-cookies\/\" target=\"_blank\" rel=\"noopener\">Cookies<\/a> f\u00fcr Werbezwecke, die als <a href=\"https:\/\/devowl.io\/de\/cookies\/cookie-arten\/#not-technically-necessary-cookie\" target=\"_blank\" rel=\"noopener\">nicht-essenziell<\/a> gelten.<\/p>\n<p class=\"translation-block\"><strong>Hierf\u00fcr wird jedoch eine <a href=\"https:\/\/devowl.io\/de\/datenschutz\/opt-in-opt-out\/\" target=\"_blank\" rel=\"noopener\">Opt-in-Einwilligung<\/a> des Besuchers ben\u00f6tigt,<\/strong> da das Setzen solcher Cookies und Erheben, Speichern und Weiterverarbeiten personenbezogener Daten im Normalfall nicht ohne die aktive und informierte Einwilligung des Nutzers vollzogen werden darf.<\/p>\n<p>Schlussfolgernd darf der Google Maps Dienst, welcher Daten an Dritte (Google) \u00fcbermittelt, nur nach dem ausdr\u00fccklichen OK des Benutzers eingebunden werden.<\/p>\n<h3>Ist es m\u00f6glich, Google Maps ohne Cookies einzubinden?<\/h3>\n<p class=\"translation-block\">Es ist <strong>nicht<\/strong> m\u00f6glich, Google Maps ohne Cookie in eine Website zu integrieren.<\/p>\n<p class=\"translation-block\">Wie gerade eben erw\u00e4hnt, setzt Google Maps nicht-essenzielle Cookies (Stand 2021 insbesondere die <code>NID<\/code> und <code>SID<\/code> Cookies). Mittels einer individuellen Nutzer-ID speichern diese Nutzerinformationen.<\/p>\n<p class=\"translation-block\">Um die Einwilligung f\u00fcr Cookies rechtm\u00e4\u00dfig einzuholen, empfiehlt sich die Verwendung von Google Maps in Verbindung mit einem Cookie Consent Tool wie <a href=\"https:\/\/devowl.io\/de\/wordpress-real-cookie-banner\/\" target=\"_blank\" rel=\"noopener\">Real Cookie Banner<\/a>. Im Gegensatz zu anderen WordPress Cookie Plugins hat Real Cookie Banner dir die korrekte Einrichtung des Google Map Services (Cookies) bereits abgenommen, sodass du Einwilligungen und entsprechende Dokumentationen easy &amp; schnell managen kannst.<\/p>\n<h3>Was ben\u00f6tige ich f\u00fcr das datenschutzkonforme Einbinden von Google Maps?<\/h3>\n<p>Um Google Maps m\u00f6glichst datenschutzfreundlich zu verwenden, empfehlen wir dir, die folgenden Kriterien zu erf\u00fcllen.<\/p>\n<h4>\ud83e\udd1d Auftragsverarbeitungsvertrag<\/h4>\n<p>Ebenso wie bei der Verwendung von Google Analytics ist auch im Fall von Google Maps ein Auftragsverarbeitungsvertrag notwendig.<\/p>\n<p class=\"translation-block\">Bei der Auftragsverarbeitung (fr\u00fcher: Auftragsdatenverarbeitung) schlie\u00dft ein Website-Betreiber mit einem Unternehmen  einen Vertrag ab, sofern Benutzerdaten verarbeitet werden. Solch ein Vertrag soll sicherstellen, dass das von dem Website-Betreiber beauftrage Unternehmen die Daten im Einklang mit den Anforderungen des Datenschutzes verarbeitet. Rechtsgrundlage f\u00fcr den Auftragsverarbeitungsvertrag ist <a href=\"https:\/\/dsgvo-gesetz.de\/art-28-dsgvo\/\" target=\"_blank\" rel=\"noopener\">Artikel 28 der DSGVO<\/a>.<\/p>\n<p class=\"translation-block\">Im konkreten Fall des Einsatzes der Google Maps API hat Google den vermeintlichen optimalen <a href=\"https:\/\/privacy.google.com\/intl\/de\/businesses\/mapscontrollerterms\/\" target=\"_blank\" rel=\"noopener\">Joint Control Contract<\/a> ins Leben gerufen. Dieser legt fest, dass sich mehrere Beteiligte die Verantwortlichkeit f\u00fcr die Datenverarbeitung teilen. Konkrete Anforderungen zur gemeinsamen Verantwortlichkeit sind in <a href=\"https:\/\/dsgvo-gesetz.de\/art-26-dsgvo\/\" target=\"_blank\" rel=\"noopener\">Artikel 26 der DSGVO<\/a> geregelt.<\/p>\n<\/div><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><p><strong><strong>So stimmst du dem AV-Vertrag zu:<\/strong><\/strong><\/p>\n<ol>\n<li class=\"translation-block\">\u00d6ffne deine Google Cloud, indem du <a href=\"https:\/\/console.cloud.google.com\/getting-started?pli=1\" target=\"_blank\" rel=\"noopener\">console.cloud.google.com<\/a> \u00f6ffnest.<\/li>\n<\/ol>\n<\/div><\/div><div class=\"w-image us_custom_4f24afa8 align_none\"><a ref=\"magnificPopup\" href=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/go-o-g-l-e-cl-o-u-d-s-e-t-t-i-n-g-s.png\" aria-label=\"Google Cloud Settings\" class=\"w-image-h\"><img decoding=\"async\" width=\"890\" height=\"442\" src=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/go-ogle-ma-ps-emb-ed.png\" class=\"attachment-large size-large\" alt=\"Google Cloud Settings\" loading=\"lazy\" srcset=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/go-ogle-ma-ps-emb-ed.png 1836w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/go-ogle-ma-ps-emb-ed-326x156.png 326w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/go-ogle-ma-ps-emb-ed-890x426.png 890w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/go-ogle-ma-ps-emb-ed-18x9.png 18w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/go-ogle-ma-ps-emb-ed-652x312.png 652w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/go-ogle-ma-ps-emb-ed-1780x851.png 1780w\" sizes=\"auto, (max-width: 890px) 100vw, 890px\" \/><\/a><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><ol start=\"2\">\n<li class=\"translation-block\">Klicke auf die drei vertikal untereinander angeordneten Punkt und klicke auf <em>Projekteinstellungen<\/em>.<\/li>\n<\/ol>\n<\/div><\/div><div class=\"w-image us_custom_4f24afa8 align_none\"><a ref=\"magnificPopup\" href=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-gl-e-c-lo-u-d-p-r-iv-a-cy-s-e-t-t-i-n-g-s.png\" aria-label=\"Google Cloud Privacy Settings\" class=\"w-image-h\"><img decoding=\"async\" width=\"890\" height=\"417\" src=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-le-ma-ps-e-m-be-d.png\" class=\"attachment-large size-large\" alt=\"Google Cloud Privacy Settings\" loading=\"lazy\" srcset=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-le-ma-ps-e-m-be-d.png 1836w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-le-ma-ps-e-m-be-d-326x162.png 326w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-le-ma-ps-e-m-be-d-890x441.png 890w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-le-ma-ps-e-m-be-d-18x9.png 18w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-le-ma-ps-e-m-be-d-652x323.png 652w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-le-ma-ps-e-m-be-d-1780x882.png 1780w\" sizes=\"auto, (max-width: 890px) 100vw, 890px\" \/><\/a><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><ol start=\"3\">\n<li>Achte darauf, dass du das richtige Projekt ausgew\u00e4hlt hast.<\/li>\n<li class=\"translation-block\">Klicke auf <em>Datenschutz &amp; Sicherheit &gt; Datenverarbeitungsbedingungen und Sicherheitsbestimmungen<\/em>.<\/li>\n<li class=\"translation-block\">Klicke auf <em>Lesen und Zustimmen<\/em>.<\/li>\n<li class=\"translation-block\">Klicke auf <em>ch stimme zu<\/em>.<\/li>\n<li>Fertig!<\/li>\n<\/ol>\n<p class=\"translation-block\">Dem <strong>Joint Control Contract<\/strong> stimmst du vermutlich bereits mit dem Akzeptieren der <a href=\"https:\/\/cloud.google.com\/maps-platform\/terms\/\" target=\"_blank\" rel=\"noopener\">Nutzungsbedingungen<\/a> von Google Maps zu.<\/p>\n<\/div><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h4>\u2705 Opt-in-Einwilligung<\/h4>\n<p>Bereits im vorherigen Verlauf des Artikels sind wir auf die Problematik von Google und dem Datenschutz und Opt-in-Einwilligungen eingegangen.<\/p>\n<p class=\"translation-block\">Daher kurz zur Wiederholung: Die <strong>USA<\/strong> gelten insbesondere nach Kippen des Privacy Shields als <strong>Drittland mit mangelhaftem Datenschutzniveau<\/strong> aus Sicht der EU. Da Google ein US-amerikanisches Unternehmen ist, werden von den einzelnen Diensten gesammelte Daten in die USA \u00fcbermittelt \u2013 was der DSGVO nicht gef\u00e4llt. Daher ist es erforderlich, die Besucher dar\u00fcber aufzukl\u00e4ren und insbesondere vorab eine aktive und informierte Einwilligung (<strong>Opt-in-Verfahren<\/strong>) einzuholen.<\/p>\n<p class=\"translation-block\">Eine Opt-in-Einwilligung l\u00e4sst sich am optimalsten mithilfe eines <a href=\"https:\/\/devowl.io\/de\/wordpress-real-cookie-banner\/\" target=\"_blank\" rel=\"noopener\">Cookie Banners<\/a> umsetzen.<\/p>\n<h4>\ud83d\udcdd Datenschutzerkl\u00e4rung<\/h4>\n<p class=\"translation-block\">Denke auch daran, Google Maps in deiner Datenschutzerkl\u00e4rung aufzuf\u00fchren, um deiner Informationspflicht gem\u00e4\u00df <a href=\"https:\/\/dsgvo-gesetz.de\/art-13-dsgvo\/\" target=\"_blank\" rel=\"noopener\">DSGVO Art. 13<\/a> nachzukommen. In deiner Datenschutzerkl\u00e4rung solltest du erl\u00e4utern, weshalb du Google Maps auf deiner Website einsetzt, welche Daten erhoben werden, wer der Anbieter ist, unter welchen Umst\u00e4nden Daten verarbeitet werden usw.<\/p>\n<\/div><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h3>Darum sind Google Maps Karten nicht essenziell<\/h3>\n<p>One reason why Google Maps may not be included without the visitor&#8217;s consent is that it is not an essential function.<\/p>\n<p><strong>Was genau ist hiermit gemeint?<\/strong><\/p>\n<p>Nicht-essenzielle Dienste sind jene, welche die Grundfunktionalit\u00e4t deiner Website nicht beeintr\u00e4chtigen. Mit anderen Worten: Deine Website w\u00fcrde auch ohne diese funktionieren. Auch ein wirtschaftliches Interesse des Website-Betreibers ist hierbei irrelevant.<\/p>\n<p>One example of this is Google Fonts. Although nicer fonts are really nice on the website, they are not necessary to guarantee the basic functionality of a website &#8211; texts can also be read perfectly well in Arial, for example. The situation is different with the shopping basket cookie of an online shop, for example, without which no goods could be placed in the shopping basket and consequently no purchases could be made.<\/p>\n<h3>Datenschutzfreundlichere Alternativen f\u00fcr Google Maps<\/h3>\n<p>Da du bereits festgestellt hast, dass Google Maps und die Datenschutzkonformit\u00e4t sich alles andere als einfach miteinander vereinen lassen, werfen wir im jetzt mal einen Blick auf vermeintlich DSGVO-freundlichere Alternativen.<\/p>\n<h4>OpenStreetMap<\/h4>\n<p class=\"translation-block\">Eine popul\u00e4re und zugleich datenschutzfreundlichere Alternative zu Google Maps, die auch f\u00fcr WordPress-Websites verwendet werden kann, ist <a href=\"https:\/\/www.openstreetmap.de\/faq.html\" target=\"_blank\" rel=\"noopener\">OpenStreetMap<\/a>. OpenStreetMap ist ein von Freiwilligen entwickeltes, kostenloses Projekt, das genauso wie Google Maps s\u00e4mtliche Fl\u00fcsse, Orte, Stra\u00dfen etc. abbilden soll. Das Projekt finanziert sich durch Spenden und der tatkr\u00e4ftigen Unterst\u00fctzung von Helfern.<\/p>\n<p>Eine Besonderheit von OpenStreetMap ist die kostenlose Verwendung und freie Weiterverarbeitung von Karten. So k\u00f6nnen, anders als bei Google Maps, auch Screenshots von Karten auf einer Website platziert oder ausgedruckt werden.<\/p>\n<p class=\"translation-block\">Zus\u00e4tzlich besteht die Option, einen eigenen <strong>OpenStreetMap-Server<\/strong> zu betreiben, welcher mit der zum jeweiligen Zeitpunkt aktuellen Datenbasis versehen wird. Somit besteht nicht die Gefahr, dass Daten an unsichere Drittl\u00e4nder \u00fcbermittelt werden. Allerdings ist die Installation eines solchen Servers alles andere als einfach.<\/p>\n<h4>HERE WeGo<\/h4>\n<p>Aufgrund zahlreicher Kooperationen mit unter anderem TripAdvisor und Wikipedia, verf\u00fcgt HERE WeGo \u00fcber ein breit gef\u00e4chertes Angebot an Karten. Von dem Unternehmen Nokia entwickelt, \u00fcbernahmen im sp\u00e4teren Verlauf die Autohersteller BMW, Daimler und Audi den Online-Kartendienst \u2013 und optimierten diesen.<\/p>\n<\/div><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h2>Wie binde ich Google Maps in meine WordPress-Website ein?<\/h2>\n<p>Im Folgenden zeigen wir dir, wie du eine Google Maps-Karte bestm\u00f6glich datenschutzkonform in deine WordPress-Website einbinden kannst.<\/p>\n<h3>Opt-in-Einwilligung mittels eines Cookie Banners<\/h3>\n<p class=\"translation-block\">Die korrekte Einwilligungen von Besuchern einzuholen kann so einfach sein \u2013 und doch scheitern viele Website-Betreiber immer wieder daran. Dies liegt leider nicht allzu selten an einem <a href=\"https:\/\/devowl.io\/de\/cookie-banner\/typische-fehler\/\" target=\"_blank\" rel=\"noopener\">fehlerhaften Cookie Banner<\/a>.<\/p>\n<p>Fakt ist, dass bevor du deine WordPress-Website mit digitalen Karten von Google Maps &amp; Co. schm\u00fcckst, du sicherstellen musst, dass deine Besucher dem Verarbeiten ihrer Daten ausdr\u00fccklich zustimmen.<\/p>\n<p class=\"translation-block\"><a href=\"https:\/\/devowl.io\/de\/wordpress-real-cookie-banner\/\" target=\"_blank\" rel=\"noopener\">Real Cookie Banner<\/a> nimmt dir die m\u00fchsame Einrichtung der entsprechenden Services (Cookies) ab, sodass du binnen weniger Klicks etwa Google Maps in deiner WordPress-Website einsetzen kannst.<\/p>\n<p class=\"translation-block\">Zudem hilft dir das WordPress Consent Plugin dabei, <a href=\"https:\/\/devowl.io\/de\/wissensdatenbank\/real-cookie-banner-individuellen-content-blocker-erstellen\/\" target=\"_blank\" rel=\"noopener\">Content Blocker<\/a> zu erstellen, die sicherstellen, dass die Karte erst nach der Einwilligung des Website-Besuchers eingebunden wird. Der Besucher muss, aktiv dem Laden der Karte zustimmen, um diese angezeigt zu bekommen. Bevor dies geschieht, wird diesem eine Art Platzhalter-Bild angezeigt. Solch eine <strong>Zwei-Klick-L\u00f6sung<\/strong> unterst\u00fctzt das DSGVO-konforme Einbinden von Google Maps Karten immens.<\/p>\n<\/div><\/div><div class=\"w-btn-wrapper align_none\"><a class=\"w-btn us-btn-style_1 us_custom_4f24afa8\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/devowl.io\/de\/wordpress-real-cookie-banner\/\"><span class=\"w-btn-label\">Entdecke Real Cookie Banner!<\/span><\/a><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><h3>Anleitung: Google Maps in die Website einbinden<\/h3>\n<p class=\"translation-block\">Jetzt zeigen wir dir <strong>endlich<\/strong> \ud83d\ude09, wie du Google Maps-Karten bestm\u00f6glich DSGVO-konform auf deiner Website verwenden kannst.<\/p>\n<p>Um eine Google Maps-Karte in deine WordPress-Website mittels Opt-in-L\u00f6sung einzubauen, gehst du wie folgt vor:<\/p>\n<ol>\n<li class=\"translation-block\">\u00d6ffne in deinem WordPress-Backend die Seite, auf der die Google Maps-Karte angezeigt werden soll. In unserem Beispiel haben wir eine neue Seite erstellt, die wir <em>Maps<\/em> genannt haben.<\/li>\n<li>Lege einen neuen HTML-Block an.<\/li>\n<\/ol>\n<\/div><\/div><div class=\"w-image us_custom_4f24afa8 align_none\"><a ref=\"magnificPopup\" href=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/wordpress-create-new-ht-ml-block.png\" aria-label=\"WordPress Creation of New HTML Block\" class=\"w-image-h\"><img decoding=\"async\" width=\"890\" height=\"478\" src=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s-e-m-b-e-d.png\" class=\"attachment-large size-large\" alt=\"WordPress Creation of New HTML Block\" loading=\"lazy\" srcset=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s-e-m-b-e-d.png 2364w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s-e-m-b-e-d-326x156.png 326w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s-e-m-b-e-d-890x425.png 890w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s-e-m-b-e-d-18x9.png 18w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s-e-m-b-e-d-652x311.png 652w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s-e-m-b-e-d-1780x849.png 1780w\" sizes=\"auto, (max-width: 890px) 100vw, 890px\" \/><\/a><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><ol start=\"3\">\n<li>F\u00fcge in das entsprechende Feld den HTML-Code zum Einbinden der Google Maps IFrame ein.<\/li>\n<\/ol>\n<\/div><\/div><div class=\"w-image us_custom_4f24afa8 align_none\"><a ref=\"magnificPopup\" href=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/insert-ht-ml-google-maps.png\" aria-label=\"Insert HTML Code Google Maps\" class=\"w-image-h\"><img decoding=\"async\" width=\"890\" height=\"477\" src=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s.png\" class=\"attachment-large size-large\" alt=\"Insert HTML Code Google Maps\" loading=\"lazy\" srcset=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s.png 2356w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s-326x157.png 326w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s-890x429.png 890w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s-18x9.png 18w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s-652x314.png 652w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s-1780x858.png 1780w\" sizes=\"auto, (max-width: 890px) 100vw, 890px\" \/><\/a><\/div><div class=\"w-iconbox us_custom_8551abba iconpos_left style_outlined color_primary align_left no_title\"><div class=\"w-iconbox-icon\" style=\"font-size:18px;\"><i class=\"fas fa-lightbulb\"><\/i><\/div><div class=\"w-iconbox-meta\"><div class=\"w-iconbox-text\"><p>Den HTML-Code f\u00fcr deine Google Maps iFrame kannst du wie folgt generieren:<\/p>\n<ol>\n<li>Gib die gew\u00fcnschte Adresse in die Google-Suche ein.<\/li>\n<li class=\"translation-block\">Klicke in der Men\u00fcauswahl auf <em>Maps<\/em>.<\/li>\n<li>Klicke auf das Teilen-Symbol. Jetzt \u00f6ffnet sich ein neues Dialog-Fenster.<\/li>\n<li class=\"translation-block\">Klicke oben auf <em>Karte einbetten<\/em>.<\/li>\n<li class=\"translation-block\">Kopiere den HTML-Code (startet mit <code>&lt;iframe src=&quot;https:\/\/www.google.com\/maps\/embed<\/code>)<\/li>\n<\/ol>\n<\/div><\/div><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><ol start=\"4\">\n<li class=\"translation-block\">Klicke auf <em>Ver\u00f6ffentlichen<\/em>. Die Karte ist jetzt mittels iFrame deine Website eingebunden \u2013 allerdings noch nicht DSGVO-konform.<\/li>\n<\/ol>\n<p>Um Google Maps in eine WordPress-Website einzubauen und das maximale aus dem Dienst herauszuholen, gibt es mittlerweile eine Vielzahl an Plugins. Zu diesen z\u00e4hlen:<\/p>\n<ul>\n<li><a href=\"https:\/\/de.wordpress.org\/plugins\/wp-google-maps\/\" target=\"_blank\" rel=\"noopener\">WP Google Maps<\/a><\/li>\n<li><a href=\"https:\/\/5sec-google-maps-pro.webfactoryltd.com\/\" target=\"_blank\" rel=\"noopener\">5sec Google Maps PRO<\/a><\/li>\n<li><a href=\"https:\/\/de.wordpress.org\/plugins\/codepeople-post-map\/\" target=\"_blank\" rel=\"noopener\">Google Maps CP<\/a><\/li>\n<\/ul>\n<\/div><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><ol start=\"5\">\n<li class=\"translation-block\">Im letzten Schritt erstellen wir ein Google Maps Service (Cookie) mit dazugeh\u00f6rigem Content Blocker in Real Cookie Banner. Wir gehen davon aus, dass du Real Cookie Banner bereits in deinem WordPress installiert hast. Hierzu gehst du in die Real Cookie Banner Einstellungen, indem du in der linken Men\u00fcleiste deines WordPress-Dashboards auf <em>Cookies &gt; Services (Cookies) &gt; Service (Cookie) erstellen<\/em> klickst und dir aus den Vorlagen Google Maps heraussuchst. <strong>Wichtig:<\/strong> Die Vorlage ist nur in der <a href=\"https:\/\/devowl.io\/de\/wordpress-real-cookie-banner\/\" target=\"_blank\" rel=\"noopener\">PRO-Version<\/a> verf\u00fcgbar.<\/li>\n<\/ol>\n<\/div><\/div><div class=\"w-image us_custom_4f24afa8 align_none\"><a ref=\"magnificPopup\" href=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/creation-of-content-bloc-ker.png\" aria-label=\"Creation of Content Blocker\" class=\"w-image-h\"><img decoding=\"async\" width=\"890\" height=\"407\" src=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s-c-o-n-t-e-nt-b-loc-ke-r.png\" class=\"attachment-large size-large\" alt=\"Creation of Content Blocker\" loading=\"lazy\" srcset=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s-c-o-n-t-e-nt-b-loc-ke-r.png 2358w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s-c-o-n-t-e-nt-b-loc-ke-r-326x132.png 326w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s-c-o-n-t-e-nt-b-loc-ke-r-890x361.png 890w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s-c-o-n-t-e-nt-b-loc-ke-r-18x7.png 18w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s-c-o-n-t-e-nt-b-loc-ke-r-652x264.png 652w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/g-o-o-g-l-e-m-a-p-s-c-o-n-t-e-nt-b-loc-ke-r-1780x722.png 1780w\" sizes=\"auto, (max-width: 890px) 100vw, 890px\" \/><\/a><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><ol start=\"6\">\n<li>Die Vorlage f\u00fcr den Service sowie f\u00fcr den Content Blocker haben wir f\u00fcr dich nach besten Wissen bereits angelegt, sodass du einfach nach unten scrollen und auf Speichern klicken kannst. In der Content Blocker Vorlage haben wir beispielsweise bereits verschiedene Regeln zum Blockieren von Google Maps festgelegt.<\/li>\n<\/ol>\n<\/div><\/div><div class=\"w-image us_custom_4f24afa8 align_none\"><a ref=\"magnificPopup\" href=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/content-bloc-ker-go-ogle-maps.png\" aria-label=\"Google Maps Content Blocker\" class=\"w-image-h\"><img decoding=\"async\" width=\"890\" height=\"467\" src=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/c-o-n-t-e-nt-bl-o-c-k-e-r-g-o-o-g-l-em-ap-s.png\" class=\"attachment-large size-large\" alt=\"Google Maps Content Blocker\" loading=\"lazy\" srcset=\"https:\/\/devowl.io\/wp-content\/uploads\/blog\/c-o-n-t-e-nt-bl-o-c-k-e-r-g-o-o-g-l-em-ap-s.png 2262w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/c-o-n-t-e-nt-bl-o-c-k-e-r-g-o-o-g-l-em-ap-s-326x151.png 326w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/c-o-n-t-e-nt-bl-o-c-k-e-r-g-o-o-g-l-em-ap-s-890x412.png 890w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/c-o-n-t-e-nt-bl-o-c-k-e-r-g-o-o-g-l-em-ap-s-18x8.png 18w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/c-o-n-t-e-nt-bl-o-c-k-e-r-g-o-o-g-l-em-ap-s-652x301.png 652w, https:\/\/devowl.io\/wp-content\/uploads\/blog\/c-o-n-t-e-nt-bl-o-c-k-e-r-g-o-o-g-l-em-ap-s-1780x823.png 1780w\" sizes=\"auto, (max-width: 890px) 100vw, 890px\" \/><\/a><\/div><div class=\"wpb_text_column\"><div class=\"wpb_wrapper\"><ol start=\"7\">\n<li>Das Ganze sollte nun im Frontend wie im Screenshot aussehen. Google Maps wird nun DSGVO-konform auf deiner Website blockiert, bis der Nutzer a) der Einbindung direkt im Cookie Banner zustimmt oder b) eine konkrete Einwilligung zum Laden im visuellen Content Blocker erteilt (Zwei-Klick-L\u00f6sung).<\/li>\n<\/ol>\n<p>Fertig \u2705 So einfach kannst du Google Maps bestm\u00f6glich datenschutzkonform auf deiner Website nutzen!<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>","protected":false},"author":1,"featured_media":232510,"template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"Embed Google Maps into a website in a GDPR-compliant way!","_seopress_titles_desc":"Learn how to embed Google Maps in your WordPress website in the best possible GDPR-compliant way - easily and quickly!","_seopress_robots_index":"","inline_featured_image":false,"restrictTranslations":["en_US","de_DE"],"footnotes":""},"class_list":["post-232075","blog","type-blog","status-publish","has-post-thumbnail","hentry","content-cluster-gdpr-compliant"],"acf":[],"_links":{"self":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/blog\/232075","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":34,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/blog\/232075\/revisions"}],"predecessor-version":[{"id":241882,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/blog\/232075\/revisions\/241882"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/media\/232510"}],"wp:attachment":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/media?parent=232075"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}