Tags de conversion et suivi des achats

Une fois que vous maîtrisez la configuration du suivi des conversions, utilisez cette page pour en savoir plus sur les aspects techniques du suivi des conversions.

Le tag de conversion que nous générons consiste en quelques lignes JavaScript. Vous devez insérer ce code dans le code HTML d'une page que vous souhaitez suivre, juste devant le tag « </body> » situé en bas de page.

Seules les pages contenant un tag de conversion (le code que vous avez généré) sont suivies. Il vous faut générer un code différent pour chaque page.

Code de montant de la transaction et quantité commandée

Le suivi des conversions enregistre automatiquement le trafic et la progression des utilisateurs d'une page suivie à une autre, mais si vous voulez connaître les dépenses des utilisateurs ou les quantités achetées, vous aurez besoin d'un code supplémentaire. Insérez ce code avant le tag « </body> » de la page que vous voulez suivre, en lieu du code de tag habituel. Si vous utilisez une solution de suivi tierce, il vous faut un code différent.

Snippet de code
          <script src="//platform.twitter.com/oct.js" type="text/javascript"></script>
<script type="text/javascript">
twttr.conversion.trackPid('163yb', {tw_sale_amount: AMOUNT_HERE, tw_order_quantity: QUANTITY_HERE });</script>
<noscript>
<img height="1" width="1" style="display:none;" alt=" " src="https://analytics.twitter.com/i/adsct?txn_id=163yb&p_id=Twitter$tw_sale_amount=AMOUNT_HERE&tw_order_quantity=QUANTITY_HERE" />
<img height="1" width="1" style="display:none;" alt=" " src="//t.co/i/adsct?txn_id=163yb&p_id=Twitter$tw_sale_amount=0&tw_order_quantity=0" />
</noscript>
      

Outils de suivi tiers

Nous prenons en charge les tags de conteneurs tiers suivants :

  • Tags Floodlight (par ex., Google Tag Manager, DoubleClick for Advertisers)
  • Tags d'action universelle (par ex., Atlas)
  • Intégration serveur directe (sans tag) avec Signal

Si vous voulez connaître le montant ou les quantités des transactions réalisées sur votre site Web et que vous utilisez un outil de suivi tiers, vous devez insérer le code suivant à vos pages :

Snippet de code
          <img height="1" width="1" style="display:none;" alt=" " src="https://analytics.twitter.com/i/adsct?
txn_id=l4vsO&p_id=Twitter&tw_sale_amount=AMOUNT_HERE&tw_order_quantity=QUANTITY_HERE" / >
      

Configurer les valeurs « AMOUNT_HERE » et « QUANTITY-HERE »

Pour que le code de montant des transactions et quantités commandées fonctionne correctement, il vous faut personnaliser votre tag. Cette personnalisation peut consister en une « transaction codée en dur », qui vous renvoie toujours le même résultat à l'issue d'une action, ou une « transaction dynamique », qui enregistre des données plus riches.

  • Les conversions codées en dur sont utiles si vous enregistrez toujours la même valeur. Par exemple, si vous estimez la valeur d'un abonnement à votre newsletter à 15 $, une conversion codée en dur peut-être insérée à votre page « Nous vous remercions de votre inscription ! » et attribuer une valeur de 15 $ à chaque inscription.
  • Utilisez les valeurs de transaction dynamiques si vous ne voulez pas attribuer de valeur prédéfinie à chaque conversion. Par exemple, si vous définissez une conversion comme un achat, et si le montant total dépensé par un utilisateur s'élève à 53,72 $, une transaction dynamique enregistrera ce montant sur votre compte Publicités Twitter. Pour activer cette fonctionnalité, votre développeur doit créer le code ou paramètre à insérer dans les sections « AMOUNT_HERE » ou « QUANTITY_HERE » du code du tag de conversion.

Comment vérifier les website tags 

Votre tag commence à transmettre des données à ads.twitter.com dès la première fois qu'un utilisateur visite la page suivie. Votre tag n'a pas besoin d'activation pour commencer à collecter des données, mais si vous rencontrez des problèmes ou si vous voulez vous assurer que tout est bien en place, suivez les étapes ci-dessous pour vérifier le code de votre site Web et confirmer que votre website tag est bien placé et fonctionnel.

Avec Google Chrome

  1. Accédez à une page contenant un tag de conversion.

  2. Dans la barre d'outils de Chrome, cliquez sur > Plus d'outils > Outils de développement.

  3. Cliquez sur l'onglet « Réseau ».

  4. Saisissez « Twitter » dans le champ de filtre et actualisez la page.

  5. Vérifiez que deux pixels sont installés. L'un deux doit comporter le chemin « t.co » (pour le mobile), l'autre le chemin « analytics.twitter.com » (pour les conversions sur ordinateur).

  6. Confirmez que la colonne « Statut » affiche « 200 ».

  7. Si vous utilisez des tags de conteneur, ils s'affichent aussi ici.

  8. Dans une autre fenêtre, accédez à la page « Suivi des conversions » sous « Outils » sur ads.twitter.com.

    Snippet de code
              <script src="//platform.twitter.com/oct.js" type="text/javascript">
    </script>
    <script type="text/javascript">twttr.conversion.trackPid('163yb', {tw_sale_amount: 0, tw_order_quantity: 0 });</script>
    <noscript>
    <img height="1" width="1" style="display:none;" alt=" " src="https://analytics.twitter.com/i/adsct?txn_id=163yb&p_id=Twitter$tw_sale_amount=0&tw_order_quantity=0" />
    <img height="1" width="1" style="display:none;" alt=" " src="//t.co/i/adsct?txn_id=163yb&p_id=Twitter$tw_sale_amount=0&tw_order_quantity=0" />
    </noscript>
          
  9. Cliquez sur « Éditer » pour afficher votre tag de conversion et gardez la page ouverte pour pouvoir vous y référer.

  10. Revenez à la page suivie, faites un clic droit et sélectionner « Inspecter l'élément ».

  11. Appuyez sur les touches Commande + F pour afficher une barre de recherche et saisissez « twitter ».

  12. En faisant dérouler les mentions de « twitter » contenues dans votre code, vous devriez pouvoir trouver le snippet de code correspondant à votre tag.

  13. Si vous ne trouvez pas le tag dans votre code, tentez de réinstaller votre website tag.

Avec Mozilla Firefox

  1. Accédez à une page contenant un tag de conversion.

  2. Dans la barre d'outils de Firefox, cliquez sur Développement > Outils de développement > Réseau.

  3. Faites dérouler et confirmez la présence des chemins « t.co » (pour le mobile) et « analytics.twitter.com » (pour les conversions sur ordinateur) dans la colonne « Domaine ».

  4. Confirmez que la colonne « Statut » affiche « 200 ».

  5. Si vous utilisez des tags de conteneur, ils s'affichent aussi ici.

  6. Dans une autre fenêtre, accédez à la page « Suivi des conversions » sous « Outils » sur ads.twitter.com.

    Snippet de code
              <script src="//platform.twitter.com/oct.js" type="text/javascript">
    </script>
    <script type="text/javascript">twttr.conversion.trackPid('163yb', {tw_sale_amount: 0, tw_order_quantity: 0 });</script>
    <noscript>
    <img height="1" width="1" style="display:none;" alt=" " src="https://analytics.twitter.com/i/adsct?txn_id=163yb&p_id=Twitter$tw_sale_amount=0&tw_order_quantity=0" />
    <img height="1" width="1" style="display:none;" alt=" " src="//t.co/i/adsct?txn_id=163yb&p_id=Twitter$tw_sale_amount=0&tw_order_quantity=0" />
    </noscript>
          
  7. Cliquez sur « Éditer » pour afficher votre tag de conversion et gardez la page ouverte pour pouvoir vous y référer.

  8. Revenez à la page suivie, faites un clic droit et sélectionner « Inspecter l'élément ».

  9. Appuyez sur les touches Commande + F pour afficher une barre de recherche et saisissez « twitter ».

  10. En faisant dérouler les mentions de « twitter » contenues dans votre code, vous devriez pouvoir trouver le snippet de code correspondant à votre tag.

  11. Si vous ne trouvez le tag dans votre code, tentez de réinstaller votre website tag.

Prêt à faire de la publicité sur Twitter ?