Personyze-tracking koppelen aan de nieuwe winkelwagenextensie van Shopify

Gebruik je de Personyze-app voor Shopify? Dan heb je dit misschien niet nodig. De app sluit de trackingcode voor je in je thema in en synchroniseert je productcatalogus automatisch — zie Personyze installeren op een Shopify-winkel. De code hieronder is voor het rapporteren van events vanuit de sandbox Customer Events van Shopify (de checkout en de winkelwagenextensie), die los van je thema draait, of voor winkels die de app niet gebruiken.

Deze handleiding legt uit hoe je de JavaScript-trackingcode van Personyze gebruikt om e-commerce-events te volgen via de nieuwe winkelwagenextensie van Shopify. De code hieronder volgt belangrijke klantinteracties, waaronder productweergaven, toevoegingen aan en verwijderingen uit de winkelwagen, en afgeronde aankopen.

Integratie stap voor stap

Stap 1: initialiseer de JavaScript-SDK van Personyze

Voeg dit initialisatiescript toe aan de themacode van je Shopify-winkel:

<script>
window._S_T || function(s)
{
  s.async = true;
  s.src = '//counter.personyze.com/stat-track-lib.js';
  s.onload = function()
  {
    _S_T.async = true;
    _S_T.setup({PERSONYZE-ACCOUNT ID, "*.yourdomain.com"}); // replace with your actual details
  };
  (document.querySelector('head') || document.documentElement).appendChild(s);
}(document.createElement('script'));
</script>

Belangrijk: vervang PERSONYZE-ACCOUNT ID door je echte Personyze-account-ID, en *.yourdomain.com door je echte domein.

Voorbeeld:

_S_T.setup({123456, "*.examplestore.com"});

Stap 2: abonneer je op Shopify-events voor e-commercetracking

Voeg de volgende scripts voor eventabonnementen toe om belangrijke interacties te volgen:

<script>
analytics.subscribe("product_viewed", event => {
  if (event?.data?.productVariant) {
    console.log("Event data", event.data);
    (self.personyze=self.personyze||[]).push(['Product Viewed', event.data.productVariant.id]);
  }
});

analytics.subscribe("product_added_to_cart", event => {
  if (event?.data?.cartLine) {
    console.log("Event data", event.data);
    (self.personyze=self.personyze||[]).push(['Product Added to cart', event.data.cartLine.merchandise.id, 'quantity', event.data.cartLine.quantity]);
  }
});

analytics.subscribe("product_removed_from_cart", event => {
  console.log("Event data", event.data);
  (self.personyze=self.personyze||[]).push(['Product Removed from cart', event.data.cartLine.merchandise.id, 'quantity', event.data.cartLine.quantity]);
});

analytics.subscribe("checkout_completed", event => {
  console.log("Event data", event.data);
  (self.personyze=self.personyze||[]).push(['Products Purchased']);
});
</script>

Tips voor de implementatie

Test de integratie na de implementatie altijd grondig.
Controleer de browserconsole op logs “Event data” om te zien of de trackingevents correct worden geactiveerd.

Met deze stappen volgt Personyze nauwkeurig de interacties van klanten met je Shopify-winkelwagenextensie, wat waardevolle data oplevert om de personalisatie en optimalisatie van je winkel te verbeteren.