Intégration du suivi des événements Voluum et CheckoutChamp

Un suivi précis des conversions est la base d’un achat média rentable. Sur la plateforme CheckoutChamp, il n’existe pas beaucoup de façons d’envoyer des postbacks d’événements. Donc, si vous avez besoin d’une méthode simple, il est préférable d’utiliser du code JavaScript pour envoyer des événements depuis le navigateur de l’utilisateur (Client-to-Server) vers votre TDS Voluum.

Lors de l’intégration de Voluum avec CheckoutChamp, l’une des approches les plus courantes consiste à utiliser un code de suivi JavaScript placé à l’intérieur des pages de paiement. Ce script capture les actions des utilisateurs (telles que les vues de page, les achats et les upsells) et les envoie à Voluum comme événements de conversion.

Code de suivi JavaScript pour les pages CheckoutChamp

Ce code enverra les événements begin_checkout et purchase à votre tracker Voluum. Assurez-vous que vos événements dans Voluum ont des noms appropriés.

Le code contient des extraits que vous devez ajouter aux pages pertinentes de votre plateforme CheckoutChamp.

Remplacez your-voluum.domain par votre domaine Voluum réel.

Télécharger le code depuis Github Gist

Nous utilisons utm_medium=xo pour marquer notre trafic et utm_term={clickid} pour l’ID de clic utilisateur. Ainsi, dans votre offre Voluum, vous devez ajouter ces paramètres et votre lien d’offre ressemblera à ceci : https://store.url/product?utm_medium=xo&utm_term={clickid}

Assurez-vous également que toutes vos pages utilisent le même domaine, car le code de suivi repose sur la fonction du navigateur window.localStorage.

Avantages de l’utilisation du code de suivi JavaScript

• Mise en œuvre rapide. Facile à configurer directement dans CheckoutChamp sans développement côté serveur. Fonctionne simplement en insérant le script dans la page.
• Flexibilité des événements. Peut déclencher plusieurs types d’événements (achat, upsell, réabonnement) en fonction des déclencheurs de page ou des clics sur des boutons. Permet un nommage personnalisé des événements pour de meilleurs rapports dans Voluum.
• Suivi en temps réel. Les événements sont envoyés immédiatement à Voluum dès qu’une action utilisateur se produit. Utile pour des décisions rapides d’optimisation et des tests A/B.
• Enrichissement des données côté client. JavaScript peut capturer les données du navigateur, le référent et les paramètres UTM, puis les transmettre à Voluum. Utile pour une attribution détaillée et des rapports granulaires.

Inconvénients de l’utilisation du code de suivi JavaScript

• Dépendance à l’exécution du navigateur. Si l’utilisateur désactive JavaScript, bloque les scripts avec un bloqueur de pubs ou si la page ne se charge pas complètement, les événements peuvent ne pas se déclencher. Cela peut entraîner une sous-déclaration partielle des conversions.
• Moins fiable que le suivi Server-to-Server (S2S). Le suivi côté navigateur dépend des cookies et scripts, qui peuvent être bloqués ou supprimés. Les postbacks S2S sont généralement plus précis car ils proviennent du serveur de CheckoutChamp.
• Risque de manipulation des données. Comme le code s’exécute côté client, des utilisateurs avancés pourraient théoriquement interférer avec le déclenchement des événements. Cela reste rare, mais possible, contrairement aux événements côté serveur.

Quand utiliser JavaScript

• Idéal pour une configuration rapide et des tests lorsque vous devez commencer à suivre immédiatement.
• Fonctionne bien pour les petites et moyennes campagnes où une petite marge d’erreur dans les rapports est acceptable.
• Pour un passage à l’échelle à long terme, il est recommandé d’ajouter des postbacks server-to-server en complément du suivi JavaScript afin d’assurer une précision maximale.

Le suivi JavaScript est facile à déployer et flexible, mais moins fiable que les intégrations côté serveur. Pour CheckoutChamp + Voluum, de nombreux acheteurs médias commencent avec le suivi JS et le combinent ensuite avec des postbacks S2S pour une précision complète des données.