Shopify & CookieTractor

För att använda CookieTractor med din Shopify-butik behöver du redigera butikens tema.

Gå till Teman och klicka på Anpassa.
Klicka på knappen "..." och välj Redigera kod

Skapa snippet

I mappen "Snippets", skapa ett nytt snippet med namnet cookie-tractor och använd följande kod:

<style>
  #shopify-pc__banner {display:none !important;}
</style>
<script>  
  window.Shopify.loadFeatures(
    [
      {
        name: "consent-tracking-api",
        version: "0.1",
      },
    ],
    function (error) {
      if (error) throw error;

      const currentConsent = window.Shopify.customerPrivacy.currentVisitorConsent();
    
      // All properties on currentConsent will be empty strings when no consent has been set.
      if(currentConsent.analytics == ""){
        window.Shopify.customerPrivacy.setTrackingConsent({
          "analytics": false,
          "marketing": false,
          "preferences": false,
          "sale_of_data": false,
        }, () => {
          console.log("Default consent set");
        });
      }    
    }
  );

  window.addEventListener("CookieConsent", function (event) {  
    // Wait for Shopify.customerPrivacy if needed.
    var existConsentShopify = setInterval(function () {
      if (window.Shopify.customerPrivacy) {
        clearInterval(existConsentShopify);

        var preferences = cookieTractor.consent.available.includes('functional') ? event.detail.current.includes('functional') : true;

        window.Shopify.customerPrivacy.setTrackingConsent({
          "analytics": event.detail.current.includes('statistical'),
          "marketing": event.detail.current.includes('marketing'),
          "preferences": preferences,
          "sale_of_data": event.detail.current.includes('marketing'),
        }, () => {
          console.log("Consent from CookieTractor set");
        })
      }
    }, 100);
  });
</script>

Spara snippeten.

Uppdatera theme.liquid

I mappen "layout", öppna filen theme.liquid och klistra in kodsnutten för CookieTractor-headern efter <link rel="canonical"...>-taggen.

<script src="https://cdn.cookietractor.com/cookietractor.js" data-lang="en-US" data-id="xxxxxxx"></script>

Efter taggen {{ content_for_header }}, klistra in detta på en ny rad för att rendera den nyligen skapade snippeten.

{% render 'cookie-tractor' %}

Spara ändringarna och gå till den publika butiken för att säkerställa att cookie-bannern är synlig.

Support

Har ni frågor om installationen? Kontakta oss gärna på info@cookietractor.se