De Customer Privacy API van Shopify voor Cookiebot inschakelen

Voor deze stappen volg je de stappen uit de helpdesk van Cookiebot: Enabling the Customer Privacy API. Onderstaand staan de stappen ook in het Nederlands uitgelegd.

1. Open je Shopify thema code. Onder 'Snippets' voeg je een nieuwe snippet toe.

2. Noem de nieuwe snippet "cookie-consent" en klik op 'Done'.

3. Open het lege cookie-consent.liquid-bestand en voeg de volgende inhoud toe:

<script>

function feedback() {
  const p = window.Shopify.customerPrivacy;
  console.log(`Tracking ${p.userCanBeTracked() ? "en" : "dis"}abled`);
}
window.Shopify.loadFeatures(
  [
    {
      name: "consent-tracking-api",
      version: "0.1",
    },
  ],
  function (error) {
    if (error) throw error;
    if ("Cookiebot" in window)
      window.Shopify.customerPrivacy.setTrackingConsent({
        "analytics": false,
        "marketing": false,
        "preferences": false,
        "sale_of_data": false,
      }, () => console.log("Awaiting consent")
    );
  }
);

window.addEventListener("CookiebotOnConsentReady", function () {
  const C = Cookiebot.consent,
      existConsentShopify = setInterval(function () {
        if (window.Shopify.customerPrivacy) {
          clearInterval(existConsentShopify);
          window.Shopify.customerPrivacy.setTrackingConsent({
            "analytics": C["statistics"],
            "marketing": C["marketing"],
            "preferences": C["preferences"],
            "sale_of_data": C["marketing"],
          }, () => console.log("Consent captured"))
        }
      }, 100);
});
</script>

4. Sla deze snippet op en ga nu naar het theme.liquid-bestand in je Shopify thema code.

5. Onder de regel " {{content_for_header}} " plaats je de volgende code:

{% render 'cookie-consent' %}

6. Sla het theme.liquid-bestand op.

Bijgewerkt op: 15/07/2024