U hebt 2 mogelijkheden voor integratie van Axeptio in uw Shopify-winkel.
Met deze installaties kunt u configureren:
Uw Axeptio-project
Google Consent Mode V2
Interactie met de Shopify-API voor toestemming
Keuze 1 - via de Shopify-app (Aanbevolen)
Axeptio biedt een Shopify-app die uw leven gemakkelijker maakt.
De installatie van de app gebeurt in meerdere stappen:
Inloggen op uw Axeptio-account, u moet inloggen met uw gebruikersnaam/wachtwoord
Creëren van een nieuw project of verbinding met een bestaand project (Belangrijke stap)
Activering van de embed-app in Shopify waarmee u onze widget op de website kunt weergeven
U bent vervolgens op het controlevenster om de kleuren en informatie van uw widget aan te passen.
Google Consent Mode V2 configureren
De Axeptio-plugin is compatibel met Google Consent Mode V2. Volg deze stappen om Consent Mode V2 in te schakelen:
In het Axeptio-backoffice, schakelt u Consent Mode V2 in om de 4 Google-toestemmingsdoeleinden weer te geven. U kunt de weergave aanpassen. Publiceer de widget.
In het backoffice van uw Shopify, schakelt u de optie Consent Mode V2 in en de standaardwaarden die u wilt geven.
Met de selectievakjes kunt u de standaardwaarden van Consent Mode V2 instellen op "Granted" (ingeschakeld) of "Denied" (uitgeschakeld). Voor websites gericht op Europa raden we aan deze op "Denied" (uitgeschakeld) te laten staan.
Keuze 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 een specifieke behoefte heeft voor de Axeptio-integratie.
De code die u van Axeptio moet halen
<script type="text/javascript">
window.axeptioSettings = {
clientId: "v##{{Uw Client ID om aan te passen}}",
};
(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: "Voorkeuren",
shortDescription:
"Cookies die uw voorkeuren onthouden, zoals land of taal, om uw bezoeken aan onze website aan te passen",
policyUrl: "https://www.shopify.com/legal/terms",
domain: "shopify.com",
},
{
name: "shopify_analytics",
title: "Analyse",
shortDescription:
"Cookies om te begrijpen hoe u met onze site omgaat",
policyUrl: "https://www.shopify.com/legal/terms",
domain: "shopify.com",
},
{
name: "shopify_marketing",
title: "Marketing",
shortDescription:
"Cookies om advertenties en marketingcommunicatie op basis van uw interesses te leveren",
policyUrl: "https://www.shopify.com/legal/terms",
domain: "shopify.com",
},
{
name: "shopify_sale_of_data",
title: "Verkoop van gegevens",
shortDescription:
"Weigering of toestemming voor gegevens delen / verkoop",
policyUrl: "https://www.shopify.com/legal/terms",
domain: "shopify.com",
},
];
(_axcb = window._axcb || []).push(function (sdk) {
sdk.on("ready", function () {
if (!sdk.cookiesConfig) {
return;
}
// Constructie van de Shopify-stap in de cookieswidget
sdk.cookiesConfig.steps.splice(1, 0, {
hasVendors: true,
image: "cookie-bienvenue",
layout: "category",
message:
"Shopify gebruikt verschillende services en plugins, we kunnen deze beheren via hun privacyAPI",
name: "welcome",
onlyOnce: true,
title: "Shopify Cookies",
subTitle: "Shopify gebruikt verschillende services, gaat dit u goed uit?",
vendors: window.vendors_shopify,
});
// Shopify-API voor toestemming
window.Shopify.loadFeatures([
{
name: "consent-tracking-api",
version: "0.1",
},
]);
});
// Update van de Shopify-API voor toestemming
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 - Log in op uw Shopify-admin.
Ga in het linkermenu naar Online Store > Themes.
Klik op het actiemenu en selecteer "Code bewerken".
Kopieer de 2 codeblokken vlak voor de tag </body> in dit bestand.
Klik rechtsboven op Opslaan.
3. Activeer het toestemmingsverzoek aan de kant van Shopify
Ga naar het gedeelte "Voorkeuren" en volg de stappen in de onderstaande video.
Zodra dit is gedaan, is toestemming vereist voordat uw Shopify-apps gegevens mogen verzamelen, en dit voor alle geselecteerde landen.