Intégrer le suivi Personyze à la nouvelle extension de panier de Shopify

Ce guide explique comment utiliser le code de suivi JavaScript de Personyze pour surveiller les événements e-commerce via la nouvelle extension de panier de Shopify. Le code ci-dessous suit les principales interactions des clients : vues de produits, ajouts et retraits du panier, et achats finalisés.

Intégration pas à pas

Étape 1 : initialiser le SDK JavaScript de Personyze

Ajoutez ce script d’initialisation au code du thème de votre boutique Shopify :

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

Important : remplacez PERSONYZE-ACCOUNT ID par votre véritable ID de compte Personyze, et *.yourdomain.com par votre véritable domaine.

Exemple :

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

Étape 2 : s’abonner aux événements Shopify pour le suivi e-commerce

Ajoutez les scripts d’abonnement aux événements suivants pour suivre les interactions clés :

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

Conseils de mise en œuvre

• Testez toujours soigneusement l’intégration après sa mise en place.
• Consultez la console du navigateur à la recherche des journaux « Event data » pour vérifier que les événements de suivi se déclenchent correctement.

En suivant ces étapes, Personyze suivra précisément les interactions des clients avec l’extension de panier Shopify, ce qui fournit des données précieuses pour enrichir vos stratégies de personnalisation et d’optimisation.