Usercentrics - PUBLIC
Usercentrics WordPress Implementierungsguide
- sharon.borensztein (Unlicensed)
In diesem Artikel beschreiben wir, wie Sie Usercentrics einfach in Ihre WordPress-Website implementieren können. Es gibt 2 verschiedene Möglichkeiten, die Implementierung durchzuführen, je nachdem welche CMP-Version Sie haben:
|
|---|
Bitte beachten Sie, dass die Schritte zur Installation des Usercentrics-Plugins in WordPress derzeit nur für CMP v1-Benutzer verfügbar sind. Eine Anleitung für CMP v2 wird veröffentlicht, sobald das neue Plugin mit zusätzlichen Funktionen verfügbar ist.
Übersicht
Teil 1: Installieren Sie Usercentrics auf Ihrer WordPress-Website
Option 1: Installieren des CMP v1-Plugin von Ihrer WordPress-Website aus (nur für v1)
Loggen Sie sich in Ihre WordPress-Website ein.
Wählen Sie unter "Plugins" "Neu hinzufügen".
3. Suchen Sie in der Suchleiste nach "Usercentrics CMP" und wählen Sie es aus.
4. Wählen Sie "Plugin aktivieren".
Option 2: Manuelles Installieren des Usercentrics Tag-Skript auf Ihrer WordPress-Website, (ohne Plugin; für CMP v1 und CMP v2)
Es wird dringend empfohlen, ein Child-Theme zu verwenden, welcha das Haupt-Theme erweitert, und das CMP manuell in das Child-Theme zu installieren. Dadurch wird sichergestellt, dass bei der nächsten Aktualisierung Ihres Themes die Änderungen nicht überschrieben werden und verloren gehen. Das bedeutet, dass Sie nicht jedes Mal, wenn Ihr Theme aktualisiert wird, ein manuelles Update durchführen müssen.
Wir schlagen vor, einen Wordpress-Entwickler zu kontaktieren, der ein Child-Theme erstellt und Ihnen dann bei den unten aufgeführten Schritten zur manuellen Skriptintegration durch das Child-Theme hilft:
Loggen Sie sich in den Admin-Bereich Ihrer WordPress-Website ein.
Wählen Sie "Appearance" und dann "Theme Editor" im Menü.
Suchen Sie Ihr aktuelles Theme oder Child-Theme (empfohlen) in der Dropdown-Liste und klicken Sie auf "Select".
Sobald Sie unter "Edit Themes" sind, überprüfen Sie, ob Sie sich im richtigen Theme befinden, das Sie oben rechts bearbeiten können. Klicken Sie dann im rechten Menü unter der "Theme file list" auf "header.php".
5. Fügen Sie nun Ihr Usercentrics-Skript-Tag in den html <head>-Abschnitt der Datei header.php ein
In Ihrem Settings-Dashboard finden Sie Ihr persönliches Skript mit Ihrer Settings-ID unter "General" (CMP v1) oder "Implementation" (CMP v2).
Code für CMP Version 1
<script type="application/javascript" src="https://app.usercentrics.eu/latest/main.js" id="XXXXXXXXX"></script>
Code für CMP Version 2
<script id="usercentrics-cmp" data-settings-id="XXXXXXXX" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" async></script>
6. Kopieren Sie Ihr individuelles Skript aus dem Admin Interface oder ersetzen Sie "XXXXXXXXX" durch Ihre persönliche Settings-ID im obigen Codebeispiel.
7. Klicken Sie “Speichern”.
Teil 2: Usercentrics CMP
Nachdem Sie die Installation in Teil 1 abgeschlossen haben, sehen Sie Usercentrics CMP in Ihrem linken Seitenmenü in WordPress.
Wählen Sie "Usercentrics CMP" und geben Sie Ihre Usercentrics Settings-ID ein. Ihre eindeutige Settings-ID finden Sie in Ihrem Usercentrics Admin Interface.
Wenn Sie den Google Tag Manager verwenden, können Sie zusätzlich und optional Ihre eindeutige Google Tag Manager Container-ID hinzufügen.
Teil 3: Blockieren der Drittanbieterdienste
Haben Sie Dienste von Drittanbietern, wie z. B. Google Analytics? Wenn Sie sich nicht sicher sind, können Sie das mit unserem DPS-Scanner in Ihrem Admin-Interface herausfinden.
Beispiel: Google Analytics
Am Beispiel von Google Analytics als Drittanbieterdienst können folgende Schritte ausführen:
Schritt 1: Hinzufügen des Google Analytics-Codes in WordPress
Fügen Sie Ihren Google Analytics-Code in den Header-Abschnitt des aktuellen Themes ein. Sie können zum Header-Abschnitt Ihres aktuellen Themes gelangen, indem Sie die folgenden Schritte ausführen:
Wählen Sie "Appearance" und dann "Theme Editor" im WordPress-Menü.
Suchen Sie Ihr aktuelles Theme in der Dropdown-Liste und klicken Sie auf "Select".
Sobald Sie unter "Edit Themes" sind, überprüfen Sie, ob Sie sich im richtigen Theme befinden, das Sie oben rechts bearbeiten können. Klicken Sie dann im rechten Menü unter der "Theme-Dateiliste" auf "header.php".
Schritt 2: Anpassen des bestehenden Google Analytics-Skripts
Nachdem das Usercentrics Tag-Skript in Ihre Website integriert wurde, müssen alle bestehenden Skripte angepasst werden. Dieser Schritt ist zwingend erforderlich, um sicherzustellen, dass die Skripte nur nach einer Zustimmung ausgeführt werden.
Schritt 3: Skripttyp ändern - "text/javascript" wird zu "text/plain"
Um Ihre Skripte anzupassen, sind zwei kleine Anpassungen notwendig. Die erste bezieht sich auf den Skripttyp. Ändern Sie in Ihren Skripten den Typ von type="text/javascript" auf type="text/plain".
Schritt 4: Zuweisen eines Datenattributs
Die Skripte der von Ihnen verwendeten Datenverarbeitungsdienste müssen mit einem eigenen Datenattribut versehen werden. Es wird zur Verbindung mit unserer Consent Management Platform und zur Abfrage von Einwilligungen verwendet.
Die Syntax dieses Datenattributs lautet data-usercentrics="Name Data Processing Service", wobei "Name Data Processing Service" dem genauen Namen der Datenverarbeitungsdienste entspricht, die Sie in Ihrem Einstellungs-Dashboard unter "Data Processing Services" angelegt haben.
Beispiel: Anpassung des Google-Analytics-Skripts
Hier ist das Original-Skript:
Einmal eingestellt, wird es zu:
Ab sofort wird das Google Analytics-Skript beim Laden der Seite nur dann ausgeführt, wenn Ihr Besucher Google Analytics seine Zustimmung gegeben hat.
Wiederholen Sie die obigen Schritte für alle anderen Dienste von Drittanbietern, die Sie haben.
Weitere Hilfe benötigt?
Wie bekomme ich Hilfe bei technischen Fragen?
Usercentrics - PUBLIC