Hoe het CMP te integreren in een Shopify Winkel?
Over de beëindiging van Checkout-uitbreidbaarheid op Shopify: U bent waarschijnlijk al op de hoogte van de Checkout Extensibility-scripts op Shopify wordt afgekeurd. Als gevolg hiervan zal de toestemmingsbanner niet langer verschijnen tijdens het afrekenproces. Echter, als je het implementeert Shopify's toestemmingsmodus zoals beschreven in onze helpdocumenten, Shopify beheert de toestemming naadloos voor u. Wees gerust: als u onze richtlijnen volgt, zorgt u ervoor dat alles soepel verloopt. Voor gedetailleerde instructies kunt u verder lezen.
Houd er rekening mee dat: De onderstaande beschrijving is alleen geldig voor de handmatige blokkeercode. Als je wilt gebruiken automatische codeblokkering, zorg ervoor dat de CMP-code direct na de <head> element van uw websitecode.
Om de CMP-Code te integreren in een Shopify Winkel volg deze stappen:
Integratie video
Integratie Stap voor stap
- In uw consentmanager account, ga naar Menu > CMP's > Integraties en inschakelen Shopify Toestemmingsmodus
- Zorg ervoor dat onder Menu > CMP's > Doeleinden dat u voldoende doeleinden actief heeft in uw CMP
- (optioneel) Als u gebruikmaakt van automatisch blokkeren, raden wij u aan het automatisch blokkeren van onbekende URL's uit te schakelen:
- Ga naar Menu > CMP's > Leveranciers en zorg ervoor dat u de genoemde leveranciers vermeldt "Shopify Internationale beperkte..." (ID's s971, s2789, s2790, s2791, s2697) in uw leverancierslijst
(Opmerking: niet al deze leveranciers zijn in alle gevallen nodig) - Zorg ervoor dat alles in uw leverancierslijst staat Shopify leveranciers worden toegewezen aan een overeenkomstig doel
- Ga naar Menu > CMP's > Codes ophalen voor ... Website en kopieer de CMP-code
- Login aan jouw Shopify account
- Klik in het menu op uw Online winkel > Thema's en bewerk de code van het huidige thema:
- Open het bestand theme.liquid, zoeken
<body ...>(als je gebruik wilt maken van de handmatige blokkeercode) Of<head ...>(als je gebruik wilt maken van de automatische blokkeercode) en voeg direct daarachter de CMP-code in:
- Media Bespaar en ga terug naar de startpagina van de winkel
- Klik op Instellingen > Privacy van klanten en Deactiveer de cookiebanner (als het Shopify Cookiebanner is ingeschakeld, sla anders deze stap over)
Opmerking: If Shopify toont u het menu niet Cookiebanner > Meer acties > Cookiebanner uitschakelen, zorg ervoor dat u eerst alle andere cookie-banner-plug-ins verwijdert via Instellingen > Apps en verkoopkanalen > ... > Verwijderen). In sommige gevallen helpt het ook om dit in te schakelen Shopify's eigen Cookie-banner en schakel deze vervolgens weer uit - Ga terug naar Instellingen > Privacy van klanten en klik op Cookie-banner en vervolgens Meer acties > Aangepaste cookiebanner gebruiken
- Wanneer u de aangepaste cookiebanner inschakelt (of als deze al is ingeschakeld onder Instellingen > Privacy van klanten > Cookiebanner > Regio's > Bewerken), zorg ervoor dat alle regio's zijn geselecteerd en klik vervolgens op Bevestigen
Belangrijk: Zorg er altijd voor dat u alle andere plug-ins voor cookiebanners en plug-ins voor de toestemmingsmodus in uw browser heeft uitgeschakeld Shopify onder bewaren Instellingen > Apps en verkoopkanalen:
Typische problemen
probleem: Shopify's eigen analyses tellen niet meer / tellen minder
In sommige gevallen kan de automatische blokkering ook blokkeren Shopify's eigen interne volgsysteem. Om dit te voorkomen, logt u in op uw consentmanager account en ga naar Menu > CMP's > Overige en schakel de instelling uit Blokkeer inline-scripts:
Probleem: de standaardinstelling voor de toestemmingsmodus van Google is ingesteld op verleend
Helaas Shopify's eigen trackingsysteem stelt de toestemmingsstatus van de Google Consent Mode in op granted standaard. Om dit te voorkomen, voegt u de volgende code toe aan uw thema:
- Klik in het menu op uw Online winkel > Thema's en bewerk de code van het huidige thema:
- Open het bestand theme.liquid, zoeken
<head> - Direct daarna voer de volgende code in (na en vóór elke andere 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>probleem: consentmanager Toestemmingslaag is niet zichtbaar
sommige Shopify thema's hebben een CSS-stijl toegevoegd die lege DIV-elementen verbergt. Als u de WCAG-optie in uw ontwerp heeft geactiveerd (Menu > Borduurmotieven > Ontwerp bewerken > Kaderinstellingen) dan wordt de CMP in een schaduwroot geplaatst, waardoor de ouder-DIV leeg lijkt en verborgen wordt door de Shopify CSS. Om dit op te lossen, moet u een aangepaste regel toevoegen om lege DIV's niet te verbergen:
- In uw Shopify beheerder, ga naar Webwinkel > Thema's
- Klik Personaliseer.
- Klik Thema instellingen.
- Klik Aangepaste CSS.
- Voeg een nieuwe CSS-regel toe en druk op Opslaan:
div#cmpwrapper {display: block;}
