U heeft 2 mogelijkheden voor integratie van Axeptio in uw Shopify-winkel.
Met deze installaties kunt u het volgende configureren:
Uw Axeptio-project
Google Consent Mode V2
Interactie met de Shopify-toestemmings-API
Optie 1 - via de Shopify-app (Aanbevolen)
Axeptio biedt een Shopify-applicatie die het u veel gemakkelijker maakt.
De installatie van de app verloopt in meerdere stappen:
Aanmelden bij uw Axeptio-account, u moet zich aanmelden met uw gebruikersnaam/wachtwoord
Een project aanmaken of aanmelden bij een bestaand project (Belangrijke stap)
Activering van de embed-app in Shopify, waarmee u onze widget op de site kunt weergeven
U bevindt zich vervolgens op het bedieningspaneel om de kleuren en informatie van uw widget aan te passen.
Configuratie van Google Consent Mode V2
De Axeptio-app voor Shopify is compatibel met Google's Consent Mode V2. Deze stuurt naar Google bij het laden van de pagina standaardtoestemmingssignalen die van toepassing zijn zolang de bezoeker geen keuze heeft gemaakt in de widget.
Open in het Axeptio-backoffice Mijn banners en vervolgens de cookiebanner van uw winkel.
In de sectie Toestemmingsmodi controleert u of Google Consent Mode v2 is ingeschakeld. Deze wordt automatisch ingeschakeld zodra uw banner Google Analytics of Google Ads bevat.
Klik op Opslaan en sluiten en vervolgens op Publiceren.
Open in het Shopify-beheer Apps > Axeptio > Consent mode v2.
In het blok What is Google consent mode v2? klikt u op Enable Google Consent Mode V2.
In het blok Default settings for consent mode kiest u in de vervolgkeuzelijst van elk signaal (Analytics Storage, Ad Storage, Ad User Data, Analytics Personalization) de standaardwaarde. Voor een site gericht op een Europees publiek laat u de waarde Geweigerd (Aanbevolen) staan.
Elke wijziging wordt automatisch opgeslagen: er is geen knop Opslaan.
Elke parameter in de app komt overeen met een signaal van Google's Consent Mode:
Parameter in de app | Google-signaal |
Analytics Storage |
|
Ad Storage |
|
Ad User Data |
|
Analytics Personalization |
|
Raadpleeg Google Consent Mode v2 configureren (CMS-integratie) voor de rol van elk signaal en de keuze tussen basismodus en geavanceerde modus.
Om Consent Mode V2 uit te schakelen, klikt u op Disable Google Consent Mode V2 op dezelfde pagina.
Optie 2 - Via hardcoded integratie in uw Shopify liquid-template met de code geleverd door Axeptio in het gedeelte "Integratie op mijn site"
Aanbevolen als u specifieke integratie-behoeften hebt voor Axeptio.
De code om op te halen bij Axeptio
<script type="text/javascript">
window.axeptioSettings = {
clientId: "v##{{Votre Client ID a Modifier}}",
};
(function(d, s) {
var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
e.async = true; e.src = "//static.axept.io/sdk.js";
t.parentNode.insertBefore(e, t);
})(document, "script");
</script>
1 - Voeg de specifieke Shopify-code toe
Als uw winkel in het Nederlands is:
<script>
window.vendors_shopify = [
{
name: "shopify_preferences",
title: "Préférences",
shortDescription:
"Cookies qui mémorisent vos préférences, comme le pays ou la langue, pour personnaliser vos visites sur notre site web",
policyUrl: "https://www.shopify.com/legal/terms",
domain: "shopify.com",
},
{
name: "shopify_analytics",
title: "Analytique",
shortDescription:
"Cookies pour comprendre comment vous interagissez avec notre site",
policyUrl: "https://www.shopify.com/legal/terms",
domain: "shopify.com",
},
{
name: "shopify_marketing",
title: "Marketing",
shortDescription:
"Cookies pour fournir des publicités et des communications marketing basées sur vos intérêts",
policyUrl: "https://www.shopify.com/legal/terms",
domain: "shopify.com",
},
{
name: "shopify_sale_of_data",
title: "Vente de données",
shortDescription:
"Opter pour / contre le partage / vente de données",
policyUrl: "https://www.shopify.com/legal/terms",
domain: "shopify.com",
},
];
(_axcb = window._axcb || []).push(function (sdk) {
sdk.on("ready", function () {
if (!sdk.cookiesConfig) {
return;
}
// Construction de l'étape Shopify dans le widget de cookies
sdk.cookiesConfig.steps.splice(1, 0, {
hasVendors: true,
image: "cookie-bienvenue",
layout: "category",
message:
"Shopify utilise plusieurs services et plugins, nous pouvons les contrôler via leur API de confidentialité",
name: "welcome",
onlyOnce: true,
title: "Cookies Shopify",
subTitle: "Shopify utilise plusieurs services, cela vous convient-il ?",
vendors: window.vendors_shopify,
});
// API de consentement Shopify
window.Shopify.loadFeatures([
{
name: "consent-tracking-api",
version: "0.1",
},
]);
});
// Mise à jour de l'API de consentement Shopify
sdk.on("consent:saved", function (payload) {
const choices = payload.consent.preferences.vendors;
window.Shopify.customerPrivacy.setTrackingConsent(
{
preferences: choices.shopify_preferences,
analytics: choices.shopify_analytics,
marketing: choices.shopify_marketing,
sale_of_data: choices.shopify_sale_of_data,
},
() => {}
);
});
});
</script>
2 - Meld u aan bij uw Shopify-beheer.
Ga in het linkermenu naar Online Store > Themes.
Klik op het actiemenu en selecteer "Code bewerken".
Kopieer de 2 codeblokken net vóór de tag