So integrieren Sie das CMP in ein Shopify Laden?
Über die Abschaffung der Checkout-Erweiterbarkeit auf Shopify: Sie kennen wahrscheinlich bereits die Checkout Extensibility Skripte auf Shopify veraltet sein. Infolgedessen wird das Zustimmungsbanner während des Bestellvorgangs nicht mehr angezeigt. Wenn Sie jedoch implementieren ShopifyZustimmungsmodus, wie in unseren Hilfedokumenten beschrieben, Shopify wird die Zustimmung für Sie nahtlos verwalten. Seien Sie versichert, dass das Befolgen unserer Richtlinien dafür sorgt, dass alles reibungslos funktioniert. Detaillierte Anweisungen finden Sie weiter unten.
Bitte beachte: Die folgende Beschreibung gilt nur für die manueller Sperrcode. Wenn Sie verwenden möchten automatische CodeblockierungBitte stellen Sie sicher, dass der CMP-Code direkt nach dem eingefügt wird <head> Element Ihres Website-Codes.
Um den CMP-Code in eine zu integrieren Shopify Gehen Sie beim Einkaufen bitte wie folgt vor:
Integrationsvideo
Integration Schritt für Schritt
- In Ihrem consentmanager Konto, gehen Sie zu Menü > CMPs > Integrationen und aktivieren Shopify Einwilligungsmodus
- Stellen Sie sicher, dass unten Menü > CMPs > Zwecke dass in Ihrem CMP genügend Zwecke aktiv sind
- (optional) Wenn Autoblocking verwendet wird, empfehlen wir, die automatische Blockierung unbekannter URLs zu deaktivieren:
- Gehen Sie zu Menü > CMPs > Anbieter und stellen Sie sicher, dass Sie die Namen der Anbieter haben "Shopify International Limited ..." (IDs s971, s2789, s2790, s2791, s2697) in Ihrer Lieferantenliste
(Hinweis: Nicht alle dieser Anbieter sind in allen Fällen erforderlich) - Stellen Sie in Ihrer Lieferantenliste sicher, dass alle Shopify Anbieter sind einem entsprechenden Verwendungszweck zugeordnet
- Gehen Sie zu Menü > CMPs > Codes für ... Website abrufen und kopieren Sie den CMP-Code
- Login auf Ihre Shopify Konto
- Klicken Sie im Menü auf Ihre Online-Shop > Themen und bearbeiten Sie den Code des aktuellen Themes:
- Öffnen Sie die Datei Thema. Flüssigkeit, suchen Sie nach
<body ...>(Wenn Sie das verwenden möchten manueller Sperrcodeoder<head ...>(Wenn Sie das verwenden möchten automatischer Sperrcode) und fügen Sie direkt danach den CMP-Code ein:
- Presse Gespeichert und gehen Sie zurück zur Shop-Homepage
- Klicken Sie auf Einstellungen > Kundendatenschutz und Deaktivieren Sie das Cookie-Banner (wenn die Shopify Cookie-Banner ist aktiviert, andernfalls überspringen Sie diesen Schritt)
Hinweis: If Shopify zeigt Ihnen das Menü nicht an Cookie-Banner > Weitere Aktionen > Cookie-Banner deaktivierenBitte stellen Sie sicher, dass Sie zunächst alle anderen Cookie-Banner-Plugins über löschen Einstellungen > Apps und Vertriebskanäle > ... > Deinstallieren). In manchen Fällen hilft es auch, zu aktivieren Shopifyeigenes Cookie-Banner und deaktivieren Sie es anschließend wieder.
Hinweis: In einigen Versionen von Shopify die Einstellung lautet „Cookie-Banner entfernen“ statt „Cookie-Banner deaktivieren“:
- Gehen Sie zurück zu Einstellungen > Kundendatenschutz und klicken Sie auf Cookie-Banner und dann Weitere Aktionen > Benutzerdefiniertes Cookie-Banner verwenden
Hinweis: In einigen Versionen von Shopify Diese Einstellung ist nicht vorhanden, stattdessen sollten Sie die folgenden Bildschirme sehen:
Die Warnung, dass Shopify zeigt hier, kann ignoriert werden da Sie den Code manuell in das Design eingefügt haben.
- Beim Aktivieren des benutzerdefinierten Cookie-Banners (oder falls bereits unter aktiviert). Einstellungen > Kundendatenschutz > Cookie-Banner > Regionen > Bearbeiten), stellen Sie sicher, dass alle Regionen ausgewählt sind, und klicken Sie dann auf Bestätigen.
Wichtig: Bitte stellen Sie immer sicher, dass Sie alle anderen Cookie-Banner-Plugins und Einwilligungsmodus-Plugins in Ihrem Browser deaktiviert haben Shopify unter speichern Einstellungen > Apps und Vertriebskanäle:
Typische Probleme
Problem: ShopifyDie eigene Analyse zählt nicht mehr bzw. zählt weniger
In einigen Fällen kann es auch zu einer Blockierung durch die automatische Blockierung kommen Shopify's eigenes internes Tracking-System. Um dies zu verhindern, melden Sie sich bitte bei Ihrem an consentmanager Konto und gehen Sie zu Menü > CMPs > Andere und deaktivieren Sie die Einstellung Blockieren Sie Inline-Skripte:
Problem: Der Google-Zustimmungsmodus ist standardmäßig auf „Gewährt“ eingestellt
Leider ShopifyDas eigene Tracking-System setzt den Zustimmungsstatus des Google-Einwilligungsmodus auf granted standardmäßig. Um dies zu verhindern, fügen Sie bitte den folgenden Code in Ihr Theme ein:
- Klicken Sie im Menü auf Ihre Online-Shop > Themen und bearbeiten Sie den Code des aktuellen Themes:
- Öffnen Sie die Datei Thema. Flüssigkeit, suchen Sie nach
<head> - Gleich nach Fügen Sie den folgenden Code ein (nach und vor jedem anderen Code):
<script>
//Prevent Shopify from writing default consent mode before consentmanager loaded
window.dataLayer = window.dataLayer || [];
function gtag ()
{
if (!('cmploaded' in this))
{this.cmploaded = false;}
if (arguments.length > 1 && arguments[0] == 'consent' && arguments[1] == 'default' && !this.cmploaded)
{ return; }
if (arguments.length > 1 && arguments[0] == 'set' && arguments[1] == 'developer_id.dMzk4MW')
{this.cmploaded = true;}
dataLayer.push(arguments);
}
window.dataLayer.push(['consent', 'default', {
'ad_storage': 'denied',
'analytics_storage': 'denied',
'ad_user_data': 'denied',
'ad_personalization': 'denied',
'wait_for_update': 500
}]);
</script>Problem: consentmanager Die Einwilligungsschicht ist nicht sichtbar
Manche Shopify Themes haben einen CSS-Stil hinzugefügt, der leere DIV-Elemente verbirgt. Wenn Sie die WCAG-Option in Ihrem Design aktiviert haben (Menü > Designs > Design bearbeiten > Boxeinstellungen), dann wird der CMP in einem Schattenstamm platziert, daher scheint der übergeordnete DIV leer zu sein und wird von dem verdeckt Shopify CSS. Um dies zu beheben, müssen Sie eine benutzerdefinierte Regel hinzufügen, um leere DIVs nicht auszublenden:
- In Ihrem Shopify Admin, gehe zu Online-Shop > Themes
- Klicken Sie Anpassen.
- Klicken Sie Theme-Einstellungen.
- Klicken Sie Benutzerdefinierte CSS.
- Fügen Sie eine neue CSS-Regel hinzu und klicken Sie auf Speichern:
div#cmpwrapper {display: block;}
