Déployez Eulerian Marketing Platform sur votre boutique Shopify en quelques minutes !
En résumé : l’intégration Eulerian proposée est une insertion manuelle d’un code JavaScript comme “pixel personnalisé”.
Elle permet de collecter automatiquement des événements de pages vues, d’ajouts au panier et d'achats, puis d’envoyer ces données à la plateforme Eulerian.
Installation sur Shopify – Le dépôt contient un pixel personnalisé (un tag JavaScript) à copier dans Shopify. Il ne s’agit pas d’une application publiée dans l’App Store Shopify. Pour l’installer :
Préparer la configuration en indiquant son sous‑domaine de tracking Eulerian dans la constante CONFIG.
Dans l’interface d’administration de Shopify, se rendre dans Paramètres → Customer events (Événements clients), puis Custom pixels → Add pixel et ajouter le code JavaScript complet provenant de snippet/generic.js.
Création automatique d’un DataLayer – le script gère lui‑même la collecte des données pour Eulerian.
Lorsqu’une commande est terminée, la fonction handleCheckoutCompleted construit un tableau EA_datalayer avec l’identifiant client (uid), le type d’événement, la référence de la commande, le montant, la devise et les articles achetés.
Il transmet ensuite ces données à l’API EA_collector d’Eulerian.
Collecte des événements et des conversions – le code utilise l’API Web Pixels de Shopify.
Au chargement, il importe le script de tracking d’Eulerian (ea.js) puis s’abonne aux événements standard : page_viewed, product_viewed, product_added_to_cart et checkout_completed. Pour chaque événement reçu, il construit un tableau de paramètres et appelle window.EA_collector pour envoyer les données à Eulerian. Par exemple :
pour un affichage de page, il envoie simplement l’ID client et le type d’événement ;
pour un ajout au panier, il envoie l’ID, le nom, le prix et la catégorie du produit ;
pour un achat, il crée un objet EA_datalayer avec les détails de la commande (id de commande, montant, devise, ligne d’articles) et le transmet via EA_collector.