Você tem 2 possibilidades de integrações do Axeptio na sua loja Shopify.
Com essas instalações, você pode configurar:
Seu projeto Axeptio
O Consent Mode V2 do Google
A interação com a API de consentimento do Shopify
Opção 1 - via o aplicativo Shopify (Recomendado)
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 se conectar com seu login/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 plugin Axeptio é compatível com o Consent Mode V2 do Google. Para ativar o consent mode V2, siga as seguintes etapas:
No painel de controle do Axeptio, ative o Consent Mode V2 para exibir os 4 fins de consentimento do Google. Você pode personalizar a exibição. Publique o widget.
No painel de controle do seu Shopify, ative a opção Consent Mode V2 e os valores padrão que você deseja definir.
As caixas de seleção permitem definir os valores padrão do Consent Mode v2 como "Granted" (marcado) ou "Denied" (desmarcado). Para sites destinados à Europa, recomendamos deixá-los em "Denied" (desmarcado).
Opção 2 - Via uma integração fixa no seu template liquid shopify com o código fornecido por 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##{{Seu Client ID a Modificar}}",
};
(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 está em português:
<script>
window.vendors_shopify = [
{
name: "shopify_preferences",
title: "Preferências",
shortDescription:
"Cookies que memorizam suas preferências, como país ou idioma, para personalizar suas visitas em nosso site",
policyUrl: "https://www.shopify.com/legal/terms",
domain: "shopify.com",
},
{
name: "shopify_analytics",
title: "Análise",
shortDescription:
"Cookies para entender como você interage com nosso site",
policyUrl: "https://www.shopify.com/legal/terms",
domain: "shopify.com",
},
{
name: "shopify_marketing",
title: "Marketing",
shortDescription:
"Cookies para fornecer anúncios e comunicações de marketing baseadas em seus interesses",
policyUrl: "https://www.shopify.com/legal/terms",
domain: "shopify.com",
},
{
name: "shopify_sale_of_data",
title: "Venda de dados",
shortDescription:
"Optar por/contra o compartilhamento/venda de dados",
policyUrl: "https://www.shopify.com/legal/terms",
domain: "shopify.com",
},
];
(_axcb = window._axcb || []).push(function (sdk) {
sdk.on("ready", function () {
if (!sdk.cookiesConfig) {
return;
}
// Construção da etapa Shopify no widget de cookies
sdk.cookiesConfig.steps.splice(1, 0, {
hasVendors: true,
image: "cookie-bienvenue",
layout: "category",
message:
"Shopify usa vários serviços e plugins, podemos controlá-los via sua API de privacidade",
name: "welcome",
onlyOnce: true,
title: "Cookies Shopify",
subTitle: "Shopify usa vários serviços, isso lhe convém?",
vendors: window.vendors_shopify,
});
// API de consentimento Shopify
window.Shopify.loadFeatures([
{
name: "consent-tracking-api",
version: "0.1",
},
]);
});
// Atualização da API de consentimento 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 - Conecte-se ao seu admin Shopify.
No menu esquerdo, vá para Online Store > Themes.
Clique no menu de ação e selecione "Editar código".
Copie os 2 blocos de código pouco antes da tag </body> neste arquivo.
No canto superior direito, clique em Salvar.
3. Ative a solicitação de Consentimento no lado do Shopify
Vá para a seção "Preferências" e siga as etapas do vídeo abaixo.
Após fazer isso, o consentimento será necessário antes de qualquer coleta de dados por seus aplicativos Shopify, para todos os países selecionados.