Vous avez 2 possibilités d'intégrations d'Axeptio sur votre boutique Shopify.
Avec ces installations, vous pouvez configurez :
- Votre projet Axeptio
- Le Consent Mode V2 de Google
- L'interaction avec l'API de consentement de Shopify
Choix 1 - via l'app Shopify (Recommandée)
Axeptio propose une application Shopify qui va vous simplifier la vie.
Installer l'application Axeptio pour Shopify
L'installation de l'application se fait en plusieurs étapes :
- Connexion à votre compte Axeptio, vous devez vous connecter avec votre login/mot de passe
- Création d'un projet ou connexion à un projet existant (Etape importante)
- Activation de l'embed app dans Shopify qui vous permet d'afficher notre widget sur le site
Vous êtes ensuite sur l'écran de contrôle pour personnaliser les couleurs et information de votre widget.
Configuration du Google Consent Mode V2
Le plugin Axeptio est compatible avec le Consent Mode V2 de Google . Pour activer le consent mode V2, suivez les étapes suivantes :
- Dans le back office d'Axeptio, activez le Consent mode V2 pour afficher les 4 finalités de consentement de Google. Vous pouvez personnaliser l'affichage. Publiez le widget.
- Dans le back office de votre Shopify, activez l'option Consent Mode V2 et les valeurs par défaut que vous souhaitez donner.
Choix 2 - Via une intégration en dur dans votre template liquid shopify avec le code fourni par Axeptio dans la partie "Intégration sur mon site"
Recommandée si vous avez un besoin spécifique dans l'integration d'Axeptio.
Le code a récupérer sur 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>
2 - Ajoutez le code spécifique Shopify
Si votre store est en français :
<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>
3 - Connectez vous à votre admin Shopify.
-
Dans le menu de gauche, rendez-vous dans Online Store > Themes.
-
Cliquez sur le menu d'action et sélectionnez "Editer le code".
-
Copiez les 2 blocs de code juste avant la balise </body> dans ce fichier.
- En haut à droite, cliquez sur Sauvegarder.
4. Activez la demande de Consentement côté Shopify
Rendez-vous dans la section "Préférences", puis suivez les étapes de la vidéo ci-dessous.
Une fois ceci fait, le consentement sera nécessaire avant toute collecte de données par vos applications Shopify, et ce pour tous les pays sélectionnés.