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.
Inhalt
Teil 1: Installieren Sie Usercentrics auf Ihrer WordPress-Website
Option 1: Installieren Sie das CMP v1-Plugin von Ihrer WordPress-Website aus (Option nur für CMP 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: Installieren Sie das Usercentrics Tag-Skript manuell auf Ihrer WordPress-Website, ohne das Plugin zu verwenden (Optionen für CMP v1 oder CMP v2)
Es wird dringend empfohlen, ein Child-Theme zu verwenden, das 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>
Kopieren Sie Ihr einzigartiges Skript aus dem Admin-Interface oder ersetzen Sie "XXXXXXXXX" durch Ihre persönliche Settings-ID im obigen entsprechenden Codebeispiel.
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 im 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.
Um GDPR/CCPA-konform zu sein, ist es entscheidend, den Google Tag Manager auf eine bestimmte Art und Weise einzubinden. Daher müssen Sie alle bestehenden Google Tag Manager-Einbindungen entfernen, bevor Sie dieses Plugin verwenden.
Teil 3: Vergessen Sie nicht, Ihre Drittanbieterdienste zu sperren!
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.
Wenn Sie Dienste von Drittanbietern haben, müssen Sie diese manuell sperren, bis ein Benutzer seine Zustimmung gibt. Um Dienste und Cookies von Drittanbietern zu blockieren, bis der Benutzer seine Zustimmung gegeben hat, müssen Sie die folgenden Schritte für jeden Drittanbieter ausführen.
Wenn Sie Google Analytics als Beispiel für einen Drittanbieterdienst verwenden, können Sie die folgenden 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.
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".
Wenn Ihr Skript nicht explizit type="text/javascript" angibt, da es vom Browser ohne Nennung interpretiert werden kann, müssen Sie es trotzdem auf type="text/plain" anpassen.
Diese Anpassung ist zwingend erforderlich, damit das Skript beim Aufruf der Seite nicht automatisch vom Browser interpretiert und ausgeführt wird.
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.
Als Beispiel werden wir das Google Analytics-Skript anpassen.
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.