Usercentrics lässt sich in nur wenigen Minuten in Ihre Shopify-Website integrieren. Fügen Sie einfach das Usercentrics-Skript sowie alle zusätzlichen Skripte für Ihren Tag-Manager, die Sie verwenden, in Ihren Theme-Header ein.
Bitte beachten Sie, dass diese Anleitung für CMP v2 ist. Wenn Sie CMP v1 haben, migrieren Sie bitte auf CMP v2, um fortzufahren. Kontaktieren Sie unser Support-Team, wenn Sie Hilfe benötigen.
Schritt für Schritt Usercentrics CMP v2 + Shopify Installationsanleitung:
Schritt-für-Schritt Anleitung
Teil 1: Installieren Sie Usercentrics auf Ihrer Shopify Website
Logen Sie sich in Ihren Shopify Account ein
Wählen Sie im Menü “Online Shop” und dann “Theme”
3. Bewegen Sie den Mauszeiger über Ihr aktuelles Theme und wählen Sie „Aktionen" und dann "Code bearbeiten", damit der Code-Editor erscheint
4. Wählen Sie im Code-Editor unter "Layout" theme.liquid
5. Im <head>-Abschnitt dieses Codes fügen Sie einfach Ihr usercentrics-Skript mit eindeutiger Settings-ID ein
In Ihrem Settings-Dashboard finden Sie unter "Implementation" Ihr persönliches Skript mit Ihrer Settings-ID (CMP v2).
Code für CMP v2
<script id="usercentrics-cmp" data-settings-id="XXXXXXXX" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" async></script>
Kopieren Sie Ihr individuelles Skript aus der Admin-Oberfläche unter Implementierung oder ersetzen Sie "XXXXXXXXX" durch Ihre persönliche Settings-ID im obigen entsprechenden Codebeispiel.
Klicken Sie “Speichern”
Teil 2: Nicht vergessen: Blockieren Sie alle Third Party Services manuell!
Haben Sie Dienste von Drittanbietern, wie z. B. Google Analytics, im Einsatz? Wenn Sie sich nicht sicher sind, können Sie das mit unserem DPS-Scanner in Ihrer Admin-Oberfläche herausfinden.
Wenn Sie Dienste von Drittanbietern haben, müssen Sie jeden von ihnen blockieren, bis ein Benutzer seine Zustimmung gibt. Um Dienste und Cookies von Drittanbietern zu blockieren, müssen Sie die folgenden Schritte für jeden Drittanbieter ausführen.
Wenn Sie beispielsweise Google Analytics als Drittanbieterdienst verwenden, können Sie die folgenden Schritte ausführen:
Schritt 1: Fügen Sie den Google Analytics Code zu Shopify hinzu
Fügen Sie Ihren Google Analytics-Code wie in Teil 1 in den Header-Abschnitt theme.liquid, für das Usercentrics-Skript.
Schritt 2: Aktualisieren Sie Ihr bestehendes Google Analytics Skript
Nachdem das Usercentrics-Tag-Skript in Ihre Website integriert wurde, müssen alle vorhandenen Skripte angepasst werden. Dieser Schritt ist zwingend erforderlich, um sicherzustellen, dass Skripte nur nach einer Zustimmung ausgeführt werden.
Ändern Sie Ihr Skript – “text/javascript” muss zu “text/plain” werden
Um Ihre Skripte anzupassen, sind zwei kleine Anpassungen notwendig. Die erste bezieht sich auf den Skripttyp. Ändern Sie den Typ von type="text/javascript" auf type="text/plain".
Wenn Ihr Skript nicht explizit type="text/javascript" angibt, wie es vom Browser ohne Nennung interpretiert werden könnte, 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.
Ordnen Sie ein Datenattribut zu
Die Skripte der Datenverarbeitungsdienste, die Sie verwenden, müssen mit einem benutzerdefinierten 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 Datenverarbeitungsdienst", wobei "Name Datenverarbeitungsdienst" dem genauen Namen der Datenverarbeitungsdienste entspricht, die Sie in Ihrem Einstellungs-Dashboard unter "Datenverarbeitungsdienste" erstellt haben.
Als Beispiel werden wir das Google Analytics-Skript anpassen.
Hier ist das Original-Skript:
Sobald es angepasst wurde, sieht es so aus:
Sobald es angepasst wurde, sieht es so aus:
Ab sofort wird das Google Analytics-Skript beim Laden der Seite nur dann ausgeführt, wenn Ihr Besucher Google Analytics seine Zustimmung gegeben hat.
⚠️ Hinweis: Wenn ein Benutzer seine Zustimmung widerruft, nachdem ein Dienst bereits geladen wurde, müssen Sie sicherstellen, dass der Dienst deaktiviert oder nicht mehr verwendet wird. Sie können z. B. ein Neuladen der Seite erzwingen, wodurch die Ausführung von Datenverarbeitungsdiensten ohne Zustimmung gestoppt wird.
Wiederholen Sie die obigen Schritte für alle anderen Dienste von Drittanbietern, die Sie haben.
CMP v2: Bei Fragen zu Diensten von Drittanbietern, die GTM verwenden, lesen Sie bitte unsere Dokumentation hier.