Hur man integrerar CMP i en Shopify Affär?
Om utfasningen av Checkout Extenibility på Shopify: Du är förmodligen redan medveten om Checkout Extenibility-skripten på Shopify utfasas. Som ett resultat kommer samtyckesbannern inte längre att visas under utcheckningsprocessen. Men om du implementerar Shopifys samtyckesläge som beskrivs i våra hjälpdokument, Shopify kommer att hantera samtycke åt dig sömlöst. Var säker, att följa våra riktlinjer kommer att säkerställa att allt fungerar smidigt. För detaljerade instruktioner, fortsätt att läsa vidare.
Vänligen notera: Nedanstående beskrivning är endast giltig för manuell blockeringskod. Om du vill använda automatisk kodblockering, se till att CMP-koden sätts in direkt efter <head> del av din webbplatskod.
För att integrera CMP-koden i en Shopify Handla, följ dessa steg:
Integrationsvideo
Integration steg-för-steg
- I din consentmanager konto, gå till Meny > CMPs > Integrationer och aktivera Shopify Samtyckesläge
- Se till under Meny > CMPs > Syfte att du har tillräckligt med syften aktiva i din CMP
- (valfritt) Om autoblockering används rekommenderar vi att du inaktiverar automatisk blockering av okända webbadresser:
- Gå till Meny > CMPs > Leverantörer och se till att du har namngivna leverantörerna "Shopify International Limited ..." (ID:n s971, s2789, s2790, s2791, s2697) i din leverantörslista
(Obs: Alla dessa leverantörer är inte nödvändiga i alla fall) - Se till att alla i din leverantörslista Shopify leverantörer tilldelas ett motsvarande syfte
- Gå till Meny > CMPs > Hämta koder för ... Webbplats och kopiera CMP-koden
- Login till din Shopify konto
- Klicka på din i menyn Onlinebutik > Teman och redigera koden för det aktuella temat:
- Öppna filen theme.liquid, söka efter
<body ...>(om du vill använda manuell blockeringskod) Eller<head ...>(om du vill använda automatisk blockeringskod) och infoga CMP-koden direkt efter den:
- Klicka Save och gå tillbaka till butikens hemsida
- Klicka på Inställningar > Kundsekretess och Inaktivera cookie-bannern (om Shopify Cookie Banner är aktiverad, annars hoppa över det här steget)
Notera: If Shopify visar dig inte menyn Cookie-banner > Fler åtgärder > Stäng av cookie-banner, se till att först radera alla andra cookie-banner-plugins via Inställningar > Appar och försäljningskanaler > ... > Avinstallera). I vissa fall hjälper det också att aktivera Shopifysin egen cookie-banner och inaktivera den sedan igen - Gå tillbaka till Inställningar > Kundsekretess och klicka på Cookie Banner och sedan på Fler åtgärder > Använd anpassad cookie-banner
- När du aktiverar den anpassade cookie-bannern (eller om den redan är aktiverad under Inställningar > Kundsekretess > Cookie Banner > Regioner > Redigera), se till att alla regioner är markerade och klicka sedan på Bekräfta
Viktigt: Se alltid till att du har inaktiverat alla andra cookie-bannerplugins och samtyckeslägesplugins i din Shopify lagra under Inställningar > Appar och försäljningskanaler:
Typiska problem
Problem: Shopifyegen analys räknas inte längre / räknas mindre
I vissa fall kan den automatiska blockeringen också blockera Shopifyeget interna spårningssystem. För att förhindra detta, vänligen logga in på din consentmanager konto och gå till Meny > CMPs > Annat och inaktivera inställningen Blockera inline-skript:
Problem: Googles samtyckesläge som standard är inställt på beviljat
Olyckligtvis Shopifys eget spårningssystem ställer in samtyckesstatusen för Google Consent Mode till granted som standard. För att förhindra detta, lägg till följande kod i ditt tema:
- Klicka på din i menyn Onlinebutik > Teman och redigera koden för det aktuella temat:
- Öppna filen theme.liquid, söka efter
<head> - Direkt efter sätt in följande kod (efter och före någon annan kod):
<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 Samtyckesskiktet är inte synligt
Några Shopify teman har lagt till CSS-stil som döljer tomma DIV-element. Om du har aktiverat WCAG-alternativet i din design (Meny > Motiv > Redigera design > Boxinställningar) så placeras CMP i en skuggrot, därför verkar den överordnade DIV vara tom och döljs av Shopify CSS. För att fixa detta måste du lägga till en anpassad regel för att inte dölja tomma DIV:er:
- I din Shopify admin, gå till Online Butik > teman
- Klicka skräddarsy.
- Klicka Temainställningar.
- Klicka Anpassad CSS.
- Lägg till en ny CSS-regel och tryck på Spara:
div#cmpwrapper {display: block;}
