Info
Content

Hoe het CMP te integreren in een Shopify Winkel?

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
  1. In uw consentmanager account, ga naar Menu > CMP's > Integraties en inschakelen Shopify Toestemmingsmodus

  2. Zorg ervoor dat onder Menu > CMP's > Doeleinden dat u voldoende doeleinden actief heeft in uw CMP
  3. 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)
  4. Zorg ervoor dat alles in uw leverancierslijst staat Shopify leveranciers worden toegewezen aan een overeenkomstig doel
  5. Ga naar Menu > CMP's > Codes ophalen voor ... Website en kopieer de CMP-code
  6. Inloggen aan jouw Shopify account
  7. Klik in het menu op uw Online winkel > Thema's en bewerk de code van het huidige thema:

  8. 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:

  9. Media Bespaar en ga terug naar de startpagina van de winkel
  10. 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

     

  11. Ga terug naar Instellingen > Privacy van klanten en klik op Cookie-banner en vervolgens Meer acties > Aangepaste cookiebanner gebruiken

  12. 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:

  1. Klik in het menu op uw Online winkel > Thema's en bewerk de code van het huidige thema:

  2. Open het bestand theme.liquid, zoeken <head>
  3. 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:

  1. In uw Shopify beheerder, ga naar Webwinkel > Thema's
  2. Klik Personaliseer.
  3. Klik Thema instellingen.
  4. Klik Aangepaste CSS.
  5. Voeg een nieuwe CSS-regel toe en druk op Opslaan:
div#cmpwrapper {display: block;}

Terug naar boven