Usercentrics CMP V2 Shopify Integration

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.

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 noch unsere CMP V1 verwenden, migrieren Sie bitte auf CMP v2, um diese Integration umzusetzen. Kontaktieren Sie für die Umstellung auf die v2 gerne unser Support-Team.

Übersicht

1 Teil 1: Installieren Sie Usercentrics auf Ihrer Shopify-Website
- 1.1 Code für die CMP v2
2 Teil 2: Manuelles Blockieren der Dienste von Drittanbietern
- 2.1 Beispiel: Google Analytics
- 2.2 Beispiel: Anpassung des Google-Analytics-Skripts
3 Weitere Hilfe benötigt?

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 die CMP v2

<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: Manuelles Blockieren der Dienste von Drittanbietern

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.

Hinweis: 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, bis der Benutzer seine Zustimmung gegeben hat, müssen Sie die folgenden Schritte für jeden Drittanbieter ausführen.

Beispiel: Google Analytics

Am Beispiel von Google Analytics als Drittanbieterdienst können folgende 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.

Schritt 3: Ä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, 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.

Schritt 4: 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.

Beispiel: Anpassung des Google-Analytics-Skripts

Hier ist das Original-Skript:

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.

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?