„Datenschutzkonform (DSVGO)“ ist für viele Webseitenbesitzer, Blogger und Onlineshops das absolute Lieblingsthema. In diesem Artikel möchte ich zeigen, wie man die bestehenden Cookies identifiziert, welche Cookies relevant sind und wie man trotz des neuen Datenschutzgesetztes alle nötigen und möglichen Tracking-Tools verwenden kann – Wer will denn schon ohne Google Analytics, den Google-Tag-Manager, den Facebook-Pixel und Hotjar seine Homepage optimieren.

Das Ziel meiner kleinen DSGVO Anleitung:

Voraussetzungen, für das Einbinden der Tracking-Tools:

  • Tag-Manager-Zugang, wenn vorhanden
  • Google-Analytics-Zugang, wenn vorhanden
  • Facebook-Pixel oder Adminrechte
  • Hotjar-Zugang, wenn vorhanden
  • Zugang zur Webseite (Login mit Adminrechten reicht)

Schritt für Schritt Anleitung | WordPress-Seite DSGVO konform

Diese Schritt für Schritt Anleitung verwenden wir in der NextGen-Media, um die Webseiten von unseren Kunden und uns fit zu machen! Ich versuche diesen Artikel so detailliert wie möglich zu schreiben, weil er auch als Anleitung für unsere Azubis und neue Mitarbeiter fungiert. Sollte etwas nicht so richtig verständlich sein, dann schreibt eure Fragen gerne in die Kommentare.

Google Tag-Manager anlegen und in Webseite integrieren

  1. oben rechts auf -> „Create Account“

  2. Tag Manager in Header und Body der Webseite einbinden
    Beispiel: Divi-Theme von Elegantthemes: Ins Backend einloggen -> Divi -> Theme-Optionen -> Integration

Brauchst Du Hilfe mit Divi? Ich helfe Dir gerne weiter!

Google Analytics anlegen und in Tag-Manager integrieren

  1. In Google Analytics einloggen
  2. Neue Webseite registrieren: unten links auf Einstellungen
  3. Geschäftsbedingungen akzeptieren
  4. Tracking-ID kopieren
  5. Tag-Manager öffnen und „New Tag“ klicken
  6. Tag benennen und Konfigurieren
  7. Anschließend den neuen Tag speichern
  8. Nach dem Anpassen noch einmal oben auf „Submit“

Facebook Pixel anlegen und in Tag-Manager integrieren

  1. Im Facebook-Business-Manager einloggen (Rechte müssen vom Kunden erteilt werden)
  2. Zu dem Punkt Pixel navigieren und einen Pixel hinzufügen
  3. Pixel-Code kopieren
  4. Google Tag-Manager öffnen und auf „New Tag“ klicken
  5. Als Tag „Custom HTML“ auswählen und den Pixel reinkopieren, der Trigger ist wieder „All Pages“
  6. Neuen Tag bestätigen und speichern.
  7. Pixel-Integration testen | Domain eingeben und Test-Traffic senden

Hotjar anlegen und über den Tag-Manager integrieren

  1. Auf Hotjar.com anmelden, Domain hinterlegen und Site-ID kopieren
  2. Tag-Manager öffnen und einen neuen „Tag“ anlegen | Über die Suche lässt sich Hotjar direkt finden
  3. Als Trigger wieder alle Seiten auswählen und den neuen Tag veröffentlichen
  4. Hotjar verifizieren, um die Anbindung zu testen. Klick auf „verifizieren“

Einrichten des Cookie Banners

  1. Wir sind aktuell ein riesen Fan des Plugins „GDPR Cookie Consert“. Es erleichter einfach viele Arbeitsschritte und macht einen tollen Job. Das Plugin ist kostenpflichtig und kann hier heruntergeladen werden: https://www.webtoffee.com/product/gdpr-cookie-consent/Plugin installieren (Plugins -> Plugins installieren -> hochladen)
  2. Lizenzschlüssel eingeben
  3. Cookie-Scanner auswählen und ober rechts auf „Scanne jetzt“ klicken
  4. Nach dem Scan, die Cookies wie empfohlen zusammenführen
  5. Im Unterpunkt „Kategorien“ sollte die Kategorie „necessary“ umbenannt werden. Zudem sollte es für die beiden Kategorien: „Analytics“ und „necessary“ eine kurze Beschreibung geben.
  6. Alle Kategorien müssen Analytics zugewiesen werden. Einzige Ausnahme: „viewed_cookie_policy“
  7. Unter „Script Blocker“ jetzt den entsprechenden Tags noch einmal die Categorie Analytics zuordnen.
  8. Text unter Datenschutzübersicht anpassen: Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern, während Sie durch die Website navigieren. Von diesen Cookies werden die nach Bedarf kategorisierten Cookies in Ihrem Browser gespeichert, da sie für das Funktionieren der Grundfunktionen der Website von wesentlicher Bedeutung sind. Wir verwenden auch Cookies von Drittanbietern, mit denen wir analysieren und nachvollziehen können, wie Sie diese Website nutzen. Diese Cookies werden nur mit Ihrer Zustimmung in Ihrem Browser gespeichert. Sie haben auch die Möglichkeit, diese Cookies zu deaktivieren. Das Deaktivieren einiger dieser Cookies kann sich jedoch auf Ihr Surferlebnis auswirken.
  9. Unter „Cookie-Law-Einstellungen“ -> „Allgemein“ alles wie in den folgenden Screenshots anpassen und die anderen Reiter übersetzten.
  10. Dieser Text muss eingefügt werden: „Diese Webseite nutzt Cookies. Bitte akzeptieren Sie deren Verwendung für das bestmögliche Nutzererlebnis. Sie können zu jeder Zeit Ihre Einstellungen anpassen. …“
  11. Buttons können durch einen Klick angepasst werden.

Testing | OptIn und OptOut

  1. Tag Manager Plugin (Google Tag Assistant) für Chrome installieren
  2. Die Webseite in Chrome öffnen, dann den Tag-Manager-Assistent öffnen, auf „Enable“ klicken und die Webseite neu laden
  3. Test 1 | Privacy by default
    Es dürfen vor dem akzeptieren der Cookies keine Tags gefunden werden
  4. Test 2 | akzeptieren der Cookies
    nach dem Akzeptieren der Cookies, sollte die Seite automatisch neu geladen werden und die Tags sollten angezeigt werden!
  5. Test 3 | deaktivieren der Cookies
    nach dem deaktivieren der Categorie „Analytics“, sollte die Seite erneut automatisch aktualisiert werden und die Tag dürfen dann nicht mehr aktiv sein.

Facebook Pixel Helper:

Es gibt für Chrome zusätzlich das Plugin „Facebook-Pixel-Helper“. Test 1 bis Test 3 sollten jetzt erneut mit gemacht werden, auch der Facebook-Pixel darf nur aktive werden, wenn die Cookies akzeptiert wurden.

Datenschutzerklärung:

Wenn es noch keine Datenschutzerklärung gibt, dann kann die hier erstellt werden: https://www.e-recht24.de/muster-datenschutzerklaerung.html. Wichtig: die Datenschutzerklärungen sollten alle nötigen Erklärungen für die ergänzten Trackingtools enthalten. In unserem Beispiel: Google-Analytics, Google Tag Manager, Hotjar und Facebook.

Impressum:

Sollte es auf der Webseite kein Impressum geben, dann kann dieses hier erstellt werden: https://www.e-recht24.de/impressum-generator.html

ABGs:

Jeder Shop sollte AGBs besitzen und daher müssen auch diese auf der Webseite eingebunden werden. Hier wäre es möglich AGBs zu generieren: https://shop.e-recht24.de/agb-pakete/.