Você tem 2 opções de integrações do Axeptio na sua loja Shopify.
Com essas instalações, você pode configurar:
Seu projeto Axeptio
O Google Consent Mode V2
A interação com a API de consentimento do Shopify
Opção 1 - via o app Shopify (Recomendado)
A Axeptio oferece um aplicativo Shopify que vai simplificar sua vida.
A instalação do aplicativo é feita em várias etapas:
Conexão à sua conta Axeptio, você deve fazer login com seu usuário/senha
Criação de um projeto ou conexão a um projeto existente (Etapa importante)
Ativação do embed app no Shopify que permite exibir nosso widget no site
Você estará então na tela de controle para personalizar as cores e informações do seu widget.
Configuração do Google Consent Mode V2
O app Axeptio para Shopify é compatível com o Google Consent Mode V2. Ele envia ao Google, assim que a página é carregada, sinais de consentimento padrão que se aplicam enquanto o visitante não faz sua escolha no widget.
No back-office Axeptio, abra Meus banners, depois o banner de cookies da sua loja.
Na seção Modos de consentimento, verifique se Google Consent Mode v2 está ativado. Ele é ativado automaticamente assim que seu banner contém Google Analytics ou Google Ads.
Clique em Salvar e fechar, depois em Publicar.
No admin do Shopify, abra Apps > Axeptio > Consent mode v2.
No bloco What is Google consent mode v2?, clique em Enable Google Consent Mode V2.
No bloco Default settings for consent mode, escolha na lista suspensa de cada sinal (Analytics Storage, Ad Storage, Ad User Data, Analytics Personalization) o valor aplicado por padrão. Para um site destinado a um público europeu, deixe o valor Recusado (Recomendado).
Cada alteração é salva automaticamente: não há botão Salvar.
Cada parâmetro do app corresponde a um sinal do Google Consent Mode:
Parâmetro no app | Sinal Google |
Analytics Storage |
|
Ad Storage |
|
Ad User Data |
|
Analytics Personalization |
|
Para conhecer o papel de cada sinal e a escolha entre modo básico e modo avançado, consulte Configurar o Google Consent Mode v2 (integração CMS).
Para desativar o Consent Mode V2, clique em Disable Google Consent Mode V2 na mesma página.
Opção 2 - Via uma integração direta em seu template liquid shopify com o código fornecido pela Axeptio na seção "Integração no meu site"
Recomendado se você tiver uma necessidade específica na integração do Axeptio.
O código a recuperar no 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 - Adicione o código específico do Shopify
Se sua loja estiver em francês:
<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 - Faça login na sua administração do Shopify.
No menu esquerdo, vá para Online Store > Themes.
Clique no menu de ação e selecione "Editar o código".
Copie os 2 blocos de código pouco antes da tag