Toutes les intégrations

Shopify

Ajoutez une balise de script à votre thème. Deux minutes.

Étapes

  1. Dans l'admin Shopify, allez dans Boutique en ligne > Thèmes.
  2. À côté de votre thème actif, cliquez sur les trois points (ou Personnaliser) et choisissez Modifier le code.
  3. Ouvrez layout/theme.liquid.
  4. Collez l'extrait ci-dessous juste avant la balise </head>.
  5. Cliquez sur Enregistrer.

L'extrait

Remplacez SITE_ID par l'ID des paramètres de votre site Glyphex.

<script defer src="https://glyphex.io/t/SITE_ID.js"></script>

Les pixels personnalisés de Shopify (Paramètres > Événements clients) s'exécutent dans un bac à sable, ce qui limite ce qu'un traceur peut voir. Utilisez plutôt theme.liquid.

Vérifier que ça marche

Ouvrez votre site en ligne dans un nouvel onglet, puis ouvrez Temps réel dans votre tableau de bord Glyphex. Votre visite doit apparaître en quelques secondes.

Suivre des événements personnalisés

Ajoutez des attributs data dans les fichiers de votre thème. Les valeurs Liquid y fonctionnent :

<!-- In a theme section or snippet -->
<button
  data-glyphex-event="add_to_cart_click"
  data-glyphex-event-product="{{ product.handle }}"
>
  Add to cart
</button>

Les événements peuvent aussi être envoyés avec window.analytics.track(name, props) ou les attributs déclaratifs data-glyphex-event et data-glyphex-event-<prop>.

Dépannage

  • Pas de données ? Vérifiez que l'ID de site est exact et que la page a été republiée ou le cache vidé.
  • Les bloqueurs de publicités peuvent bloquer les scripts d'analytics. Désactivez le vôtre pour tester.
  • Content Security Policy : autorisez https://glyphex.io dans script-src et connect-src.
  • Dans DevTools > Network, cherchez une requête vers glyphex.io/t/. Un 404 signifie que l'ID de site est incorrect.

Événements personnalisés

Installation