{"id":237068,"date":"2022-08-17T10:00:57","date_gmt":"2022-08-17T08:00:57","guid":{"rendered":"https:\/\/devowl.io\/?p=237068"},"modified":"2025-05-02T18:33:53","modified_gmt":"2025-05-02T16:33:53","slug":"openstreetmap","status":"publish","type":"blog","link":"https:\/\/devowl.io\/de\/dsgvo-konform\/openstreetmap\/","title":{"rendered":"OpenStreetMap DSGVO-konform in WordPress einbinden!"},"content":{"rendered":"

Next to Google Maps, OpenStreetMap is one of the most popular services when it comes to integrating online maps into one’s own website, for example to make it easier for visitors to find their way to the nearest doctor’s office or furniture store.<\/p>\n

Auch wenn OpenStreetMap als datenschutzfreundlichere Alternative zu Google Map gilt, ist die Einbindung einer OpenStreetMap-Karte nicht immer DSGVO-konform. Denn hierbei gibt es so einiges zu beachten.<\/p>\n

Was genau die Voraussetzungen f\u00fcr eine DSGVO-konforme Verwendung einer OpenStreetMap-Karte sind, erf\u00e4hrst du in diesem Artikel!<\/p>\n<\/div><\/div>

<\/i><\/div>

Wir m\u00fcssen darauf hinweisen, dass die folgenden Aussagen keine Rechtsberatung darstellen. Wir k\u00f6nnen dir daher nur Einsch\u00e4tzungen aus unserer intensiven Erfahrung mit den EU-Rechtsvorschriften in der Praxis und eine technische Einsch\u00e4tzung der Situation geben.<\/p>\n<\/div><\/div><\/div>

\n<\/div><\/div>

Was ist OpenStreetMap?<\/h2>\n

Der Online-Kartendienst steht schon lange nicht mehr im Schatten seines Konkurrenten Google Maps.<\/p>\n

OpenStreetMap (kurz: OSM) ist ein 2004 gegr\u00fcndetes Produkt, mit dem Ziel, eine freie und kostenlose Weltkarte zur Verf\u00fcgung zu stellen. Selbstverst\u00e4ndlich kreiert sich eine Weltkarte nicht von selbst, daher setzt das Projekt auf die Hilfe von Freiwilligen, die mittels GPS-Ger\u00e4ten erhobene Daten zur Verf\u00fcgung stellen. Die Vervollst\u00e4ndigung der Karte dauert dementsprechend auch l\u00e4nger als beispielsweise bei Google Maps.<\/p>\n

Die zur Verf\u00fcgung gestellten OpenStreetMap-Daten k\u00f6nnen kostenlos heruntergeladen und weiterverbreitet werden.<\/p>\n

Unterschiede zwischen OpenStreetMap und Google Maps<\/h3>\n

Sowohl bei OpenStreetMap als auch bei Google Maps handelt es sich offensichtlich um Online-Kartendienste. Jedoch gibt es so einige Unterschiede.<\/p>\n

Erstellung<\/h4>\n

In the case of Google Maps, the creation of the online map is entirely in Google’s hands. Whereas OpenStreetMap is a community project – that is, the creation is not done exclusively by OpenStreetMap. However, Google Maps features a complete world map in return.<\/p>\n

Nutzung<\/strong><\/p>\n

OpenStreetMap is free to use and free of charge – Google Maps is not. All Google Maps maps are the property of Google. Copying and offline use of Google Maps maps is not allowed. OpenStreetMap, on the other hand, allows you to download, distribute and use maps offline.<\/p>\n

Design<\/h4>\n

Google Maps features a wide range of designs, whereas OpenStreetMap features “only” a basic design.<\/p>\n

Datenschutz<\/h4>\n

Google ist nicht gerade f\u00fcr seine Datenschutzfreundlichkeit bekannt. Daher wird OpenStreetMap auch beliebte Alternative zu Google Maps eingesetzt. Bei der Nutzung von OpenStreetMap werden n\u00e4mlich weder Cookies gesetzt, noch personenbezogene Daten in die USA \u00fcbertragen.<\/p>\n<\/div><\/div>

<\/i><\/div>

Learn how to embed the online map service in your WordPress website in a GDPR-compliant way in our blog article about Google Maps and the GDPR<\/a>.<\/p>\n<\/div><\/div><\/div>

OpenStreetMap und der Datenschutz<\/h2>\n

Ist OpenStreetMap DSGVO-konform? Die Wahl zwischen Google Maps und OpenStreetMap f\u00e4llt nicht grundlos h\u00e4ufig auf OpenStreetMap. Anders als bei Google Maps werden bei der Verwendung von OpenStreetMap keine<\/strong> Cookies im technischen Sinne gesetzt.<\/p>\n

Jedoch wird die IP-Adresse, welche in einigen EU-L\u00e4ndern ein personenbezogenes Datum<\/a> ist, vom Client an den OpenStreetMap-Server \u00fcbermittelt, um die Nutzung von OpenStreetMap zu erm\u00f6glichen. Hierf\u00fcr ben\u00f6tigst du innerhalb der EU in der Regel die Opt-in-Einwilligung<\/a> deiner Besucher.<\/p>\n

Ein Plus an der Verwendung von OpenStreetMap ist, dass die IP-Adresse \u2013 anders als bei Google Maps \u2013 nicht in die USA gelangt, was noch kritischer ist, als die \u00dcbertragung selbst. Das liegt daran, dass die USA seit dem Ende des Privacy Shields<\/strong> \u2013 einem Datenschutzabkommen zwischen den USA und der EU \u2013 in 2020, als unsicheres Drittland mit einem mangelhaften Datenschutzniveau gelten. Demnach darf die Daten\u00fcbertragung in die USA grunds\u00e4tzlich nur auf Basis einer Einwilligung erfolgen.<\/p>\n

Da der Sitz von OpenStreetMap nicht in den USA liegt, f\u00e4llt dieses Problem also schon mal weg. Aber: <\/strong>OpenStreetMap ist in Gro\u00dfbritannien ans\u00e4ssig. Gro\u00dfbritannien ist seit seinem Ausstieg aus der EU kein EU-Mitglied mehr. Somit werden die Daten au\u00dferhalb der EU gespeichert.<\/p>\n<\/div><\/div>

OpenStreetMap in eine WordPress-Website einbetten<\/h2>\n

Before we explain how exactly to add OpenStreetMap to your WordPress website in a GDPR-compliant way, we’ll first show you how to embed an OpenStreetMap map into your website.<\/p>\n

    \n
  1. \u00d6ffne openstreetmap.org<\/a><\/li>\n
  2. Gib oben in das Suchfeld die gew\u00fcnschte Adresse ein.<\/li>\n<\/ol>\n<\/div><\/div>
    \"OpenStreetMap<\/a><\/div>
      \n
    1. Klicke rechts im Men\u00fc auf Share<\/em> (Deutsch: Teilen<\/em>).<\/li>\n<\/ol>\n<\/div><\/div>
      \"OpenStreetMap<\/a><\/div>
        \n
      1. Gehe in den Reiter HTML<\/em> und kopiere den hinterlegten Code.<\/li>\n<\/ol>\n<\/div><\/div>
        \"OpenStreetMap<\/a><\/div>

        Zus\u00e4tzlich hast du hier die M\u00f6glichkeit, die OpenStreetMap-Karte als Bild in deine Website einzubinden. Du kannst beispielsweise einen Marker setzen und dir eine Stelle ausw\u00e4hlen. Zu guter Letzt klickst du unten auf Download. (In Google Maps ist solch ein Vorgehen nicht erlaubt)<\/p>\n<\/div><\/div>

        \"OpenStreeMap<\/a><\/div>

        Wenn du statt eines Bildes eine interaktive Karte bevorzugst, gehst du wie folgt vor:<\/p>\n

          \n
        1. If you don’t want to embed the map as an image, copy the code.<\/li>\n
        2. \u00d6ffne die Seite in deinem WordPress-Backend, auf der die OpenStreetMap-Karte eingebunden werden soll. (Wir gehen davon aus, dass du den Gutenberg-Editor verwendest)<\/li>\n
        3. Klicke oben rechts auf die drei untereinander stehenden Punkte.<\/li>\n
        4. Klicke auf Code-Editor<\/em>.<\/li>\n
        5. F\u00fcge den kopierten HTML-Code in das entsprechende Feld ein.<\/li>\n<\/ol>\n<\/div><\/div>
          \"OpenStreetMap<\/a><\/div>
            \n
          1. Speichere deine \u00c4nderungen oder schaue sie dir zun\u00e4chst in der Vorschau an.<\/li>\n<\/ol>\n<\/div><\/div>
            \"OpenStreetMap<\/a><\/div>

            Voraussetzungen f\u00fcr das DSGVO-konforme Einbinden von OpenStreetMap<\/h2>\n

            Auch wenn OpenStreetMap an sich schon ein recht datenschutzfreundlicher Online-Kartendienst ist, musst du \u2013 wie gerade eben n\u00e4her erl\u00e4utert \u2013 einige zus\u00e4tzliche Vorkehrungen treffen, um den Dienst so datenschutzkonform wie m\u00f6glich in deine WordPress-Website einbauen zu k\u00f6nnen<\/p>\n

            \u2705 Opt-in-Einwilligung<\/h3>\n

            Dass du eine Opt-in-Einwilligung f\u00fcr das Einsetzen von OpenStreetMap ben\u00f6tigst, wei\u00dft du ja bereits. Aber wie setzt du diese jetzt am unkompliziertesten um? Ganz einfach: mithilfe eines Consent Management Tools wie Real Cookie Banner<\/a>.<\/p>\n

            Real Cookie Banner provides you with numerous service (cookie) templates for privacy-compliant integration of numerous services – including the online map services Google Maps and OpenStreetMap.<\/p>\n

            Um die Vorlage f\u00fcr OpenStreetMap anzulegen, gehst du wie folgt vor:<\/p>\n

              \n
            1. \u00d6ffne dein WordPress-Backend.<\/li>\n
            2. Gehe links im Men\u00fc zu Plugins > Installieren<\/em>.<\/li>\n
            3. Suche nach Real Cookie Banner<\/em>.<\/li>\n
            4. Installiere und aktiviere das Plugin.<\/li>\n
            5. Gehe links im Men\u00fc zu Cookies > Services (Cookies) > Service hinzuf\u00fcgen.<\/em><\/li>\n
            6. Suche nach OpenStreetMap<\/em>.<\/li>\n<\/ol>\n<\/div><\/div>
              \"openstreetmap<\/a><\/div>
                \n
              1. The template has already been filled in, so you don’t need any technical or legal expertise to create OpenStreetMap as a service. Scroll to the bottom of the template.<\/li>\n
              2. Lassen den Haken bei Content Blocker f\u00fcr diesen Service erstellen.<\/em> gesetzt. Nach dem Speichern der Vorlage wirst du automatisch zu der des dazugeh\u00f6rigen Content Blockers weitergeleitet.<\/li>\n
              3. Best\u00e4tige, dass du alle Informationen gepr\u00fcft hast, indem du das entsprechende K\u00e4stchen abhakst und klicke auf Speichern<\/em>.<\/li>\n<\/ol>\n<\/div><\/div>
                \"openstreetmap<\/a><\/div>
                  \n
                1. \n
                    \n
                  1. Jetzt bist du in der Allgmeinen Content Blocker-Konfiguration<\/em> gelandet.<\/li>\n
                  2. You can also just scroll back down, confirm that you’ve checked everything, and save the template.<\/li>\n
                  3. Tada! Jetzt ist OpenStreetMap in deinem Cookie Banner als Service (Cookie) angelegt und wird erst nach der Einwilligung deiner Besucher ausgespielt.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n

                    Wichtig:<\/strong> Denke daran, dein Cookie Banner unter Einstellungen > Einwilligung<\/em> zu aktivieren.<\/p>\n<\/div><\/div>

                    \"openstreetmap<\/a><\/div>
                    Entdecke Real Cookie Banner!<\/span><\/a><\/div>

                    \ud83e\udd1d Auftragsverarbeitungsvertrag<\/h3>\n

                    Beim Einsatz von OpenStreetMap beauftragst du den Dienst damit, die IP-Adresse deiner Nutzer zu verarbeiten, um Karten anzeigen lassen zu k\u00f6nnen. Immer dann, wenn du ein externes Unternehmen mit der Datenverarbeitung personenbezogener Daten beauftragst, ben\u00f6tigst du einen Auftragsverarbeitungsvertrag (AV-Vertrag). Dieser basiert auf DSGVO Art. 28<\/a>. In diesem Vertrag ist der datenschutzkonforme und korrekte Umgang mit diesen Daten geregelt. Du solltest daher einen AV-Vertrag mit OpenStreetMap abschlie\u00dfen.<\/p>\n

                    \ud83d\udcdd Datenschutzerkl\u00e4rung<\/h3>\n

                    The final step is to list OpenStreetMap in your website’s privacy policy. For example, explain why you use OpenStreetMap in the first place, what data is collected and processed, and who the provider of the service is.<\/p>\n<\/div><\/div>

                    Now, if you go back to the page where you placed your OpenStreetMap map, you’ll see that the map is blocked until consent is given to load it in the cookie banner. Unless the consent has already been given. Privacy can be this simple \ud83d\ude09<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>","protected":false},"author":12,"featured_media":237078,"template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"Learn how to integrate the OpenStreetMap online map service into your WordPress website in a GDPR-compliant way. Quick & easy!","_seopress_robots_index":"","inline_featured_image":false,"restrictTranslations":["en_US","de_DE"],"footnotes":""},"class_list":["post-237068","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\/237068","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\/12"}],"version-history":[{"count":9,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/blog\/237068\/revisions"}],"predecessor-version":[{"id":241888,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/blog\/237068\/revisions\/241888"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/media\/237078"}],"wp:attachment":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/media?parent=237068"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}