Naar de hoofdinhoud

Axeptio integreren met de Shopify-app

Geschreven door Manon Manso

U hebt 2 integrasimogelijkheden voor Axeptio in uw Shopify-winkel.

Met deze installaties kunt u configureren:

  • Uw Axeptio-project

  • Google Consent Mode V2

  • De interactie met de Shopify-toestemmings-API

Optie 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:

  1. Aanmelden bij uw Axeptio-account, u moet zich aanmelden met uw login/wachtwoord

  2. Een project aanmaken of verbinding maken met een bestaand project (Belangrijke stap)

  3. Activering van de embed-app in Shopify waarmee u onze widget op de site kunt weergeven

Vervolgens bent u op het controlepaneel om de kleuren en informatie van uw widget aan te passen.

Google Consent Mode V2 configuratie

De Axeptio-plugin is compatibel met Google's Consent Mode V2. Volg de volgende stappen om Consent Mode V2 in te schakelen:

  1. In de Axeptio back office, schakelt u Consent Mode V2 in om de 4 doeleinden van Google's toestemming weer te geven. U kunt de weergave aanpassen. Publiceer de widget.

  2. In uw Shopify back office schakelt u de optie Consent Mode V2 in en stelt u de standaardwaarden in die u wilt geven.

Met de selectievakjes kunt u de standaardwaarden van Consent Mode v2 instellen op "Granted" (aangevinkt) of "Denied" (niet aangevinkt). Voor websites gericht op Europa raden wij aan deze op "Denied" (niet aangevinkt) te laten.

Optie 2 - Via een hardgecodeerde integratie in uw Shopify Liquid-template met de code verstrekt door Axeptio in de sectie "Integratie op mijn website"

Aanbevolen als u specifieke behoeften hebt voor de integratie van Axeptio.

De code die u moet ophalen van Axeptio

<script type="text/javascript">
window.axeptioSettings = {
clientId: "v##{{Uw Client ID die u moet aanpassen}}",
};

(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 te personaliseren",
policyUrl: "https://www.shopify.com/legal/terms",
domain: "shopify.com",
},
{
name: "shopify_analytics",
title: "Analytiek",
shortDescription:
"Cookies om te begrijpen hoe u met onze website interageert",
policyUrl: "https://www.shopify.com/legal/terms",
domain: "shopify.com",
},
{
name: "shopify_marketing",
title: "Marketing",
shortDescription:
"Cookies voor het leveren van advertenties en marketingcommunicatie op basis van uw interesses",
policyUrl: "https://www.shopify.com/legal/terms",
domain: "shopify.com",
},
{
name: "shopify_sale_of_data",
title: "Verkoop van gegevens",
shortDescription:
"Opt-in / opt-out voor het delen / verkopen van gegevens",
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 cookie-widget
sdk.cookiesConfig.steps.splice(1, 0, {
hasVendors: true,
image: "cookie-bienvenue",
layout: "category",
message:
"Shopify gebruikt meerdere services en plugins, we kunnen ze beheren via hun privacy-API",
name: "welcome",
onlyOnce: true,
title: "Shopify Cookies",
subTitle: "Shopify gebruikt meerdere services, gaat dit goed met u?",
vendors: window.vendors_shopify,
});

// Shopify-API voor toestemming
window.Shopify.loadFeatures([
{
name: "consent-tracking-api",
version: "0.1",
},
]);
});

// Update van de Shopify-toestemmings-API
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".

Intégration-Shopify-axeptio-Developer-Hub.png
  • Kopieer de 2 codeblokken vlak voor de </body>-tag in dit bestand.

  • Klik rechts bovenaan op Opslaan.

3. Activeer de toestemmingsaanvraag aan de Shopify-zijde

Ga naar de sectie "Voorkeuren" en volg de stappen in de onderstaande video.

Nadat dit is gedaan, is toestemming vereist voordat uw Shopify-apps gegevens verzamelen, en dit voor alle geselecteerde landen.

Was dit een antwoord op uw vraag?