Comment ajouter une balise de suivi de conversion à mon site Web ?

Comment ajouter une balise de suivi de conversion à mon site Web ?

Une fois que vous avez créé une balise de suivi de conversion, vous devez l'ajouter à votre site Web. Découvrez comment procéder dans JavaScript, avec un gestionnaire de balises ou pour des sites Web d'application monopage (SPA).
Important

Vous devez être en mesure de modifier le code de votre site Web pour pouvoir ajouter le code de suivi de balise de suivi de conversion. Si vous n'êtes pas certain de savoir modifier le code de votre site Web, contactez votre webmaster.

Après avoir créé une balise de suivi de conversion, l'étape suivante consiste à ajouter le code de suivi de la balise de suivi de conversion à votre site Web. Nous recommandons que vous, ou l'administrateur de votre site Web, ajoutiez le code à toutes les pages de votre site Web dans l'en-tête ou le corps. Si votre site a une page maître, vous pouvez y ajouter le code, qui sera alors inclus dans toutes les pages de votre site.

Plusieurs options s'offrent à vous lorsque vous utilisez des balises de suivi de conversion. Vous pouvez ajouter le code de suivi de la balise de suivi de conversion directement dans le code de votre site Web avec JavaScript ou utiliser un gestionnaire de balises tiers. L'avantage de l'utilisation d'un gestionnaire de balises est qu'il permet de gérer les balises de votre site Web dans un emplacement central. En outre, si votre site Web a été créé sur une plateforme de site Web (comme Shopify ou WordPress), vous pouvez utiliser ce système pour ajouter votre balise de suivi de conversion.

Remarque

Vous pouvez ajouter le code de suivi de la balise de suivi de conversion n'importe où dans l'en-tête de la page Web (avant la balise de fin de l'en-tête : « </head> ») ou dans le corps (avant la balise de fin du corps: « </body> »).

Ajouter le code de suivi de la balise de suivi de conversion directement sur votre site Webexpando image
Si vous avez copié le code de suivi, que vous l'avez téléchargé ou que vous disposez d'une version envoyée par courrier électronique du code, vous pouvez le coller dans votre site Web et passer à l'étape 5.
  1. Cliquez sur l’onglet Campagnes, puis, dans le volet de gauche, cliquez sur Suivi des conversions.
  2. Sous Suivi des conversions, cliquez sur Balises de suivi de conversion.
  3. Dans le tableau, trouvez la balise de suivi de conversion à utiliser et, dans la colonne Action, cliquez sur Afficher la balise.
  4. Dans la zone Code de suivi de la balise de suivi de conversion, cliquez sur Copier, puis sur Terminé.
  5. Copiez le code de suivi de la balise de suivi de conversion dans toutes les pages de votre site Web ou dans la page maître, dans l'en-tête ou dans le corps. Dans l'image, le code de suivi de la balise de suivi de conversion est collé en haut du corps de la page Web.
    Balise de suivi de conversion
Ajouter le code de suivi de la balise de suivi de conversion à l'aide d'un gestionnaire de balisesexpando image

Les gestionnaires de balises remplacent les balises statiques par des balises dynamiques plus faciles à implémenter et mettre à jour. La balise dynamique est un conteneur, un petit extrait de code qui vous permet d'insérer des balises dynamiquement sur votre site Web. Vous pouvez penser à la balise conteneur comme une enveloppe regroupant plusieurs autres types de balises.

Le suivi de conversion fonctionne avec tous les principaux systèmes de gestion de balises. Voici la liste à jour des gestionnaires de balises testés et pris en charge (et des liens vers des instructions d'utilisation) :

Ajouter le code de suivi de la balise de suivi de conversion avec la plateforme de site Webexpando image

Le suivi de conversion est conçu pour fonctionner avec toutes les principales plateformes de site Web. Voici la liste à jour des plateformes testées et prises en charge pour vous permettre d'installer des balises de suivi de conversion (et des liens vers des instructions d'utilisation) :

Remarques
  • Pour voir un exemple de code de suivi d'une balise de suivi de conversion JavaScript installé dans le corps d'une page Web, visitez cette page Web (en anglais uniquement), cliquez avec le bouton droit dans la page Web, puis cliquez sur Afficher la source ou Afficher le code source de la page en fonction de votre navigateur.
  • Lorsque votre page Web charge, elle déclenche la balise de suivi de conversion, ce qui entraîne un nombre de requêtes HTTP. La requête la plus importante est celle pour « bat.bing » (qui ressemble à « http://bat.bing.com/action/0?ti=... »). Cette requête indique à Bing Ads les visites utilisateur de votre page Web. Vous pouvez utiliser des outils tiers tels que Fiddler pour surveiller toutes les requêtes envoyées par votre navigateur lorsque votre page Web est chargée.

Utilisation des balises de suivi de conversion avec les sites Web d'application monopage (SPA)

Bien que courants, les sites Web d'application monopage (SPA) sont difficiles à suivre. Avec les sites Web d'application monopage (SPA), le contenu est chargé dynamiquement sans qu'un événement de navigation type survienne. En d'autres termes, la page n'est chargée qu'une fois. Néanmoins, d'un point de vue d'analyse et de suivi des objectifs, il est nécessaire de traiter chaque navigation comme nouveau chargement de page.

En savoir plus sur ce dont vous avez besoin pour activer les balises de suivi de conversion dans les sites Web d'application monopage (SPA)expando image

Les sites Web d'application monopage (SPA) sont requis pour utiliser le code de suivi de balise de suivi de conversion JavaScript. Les événements de SPA sont déclenchés à l'aide de la même syntaxe que pour les événements personnalisés, avec l'action « page_view » et au paramètre requis « page_path » (« page_title » est facultatif). Le paramètre « page_path » doit commencer par une barre oblique, « / ». Exemple :

window.uetq = window.uetq || []; 
window.uetq.push('event', 'page_view', { page_path: '/spa_page' });

Voici trois méthodes pour déclencher des événements de SPA. Nous vous recommandons d'avoir recours à la première méthode. Pour chaque option, nous avons un exemple de page Web que vous pouvez consulter pour voir le code approprié en action.

  • Modification de contenu : Déclenchez un événement de SPA à chaque fois que votre application charge du contenu dynamique. Dans ce cas, l'URL réelle est envoyée automatiquement dans un événement pageLoad (chargement de page) standard au premier chargement. Vous pouvez utiliser cette URL dans vos objectifs de destination, et tous les événements personnalisés déclenchés sur cette première page y seront associés. Chaque événement de SPA génère un événement pageLoad avec l'URL du SPA, qui n'a pas besoin d'être un chemin à charger. Vous pouvez aussi faire référence à ces URL dans vos objectifs. Les événements personnalisés déclenchés après un événement de SPA seront uniquement associés au chargement de page SPA (en d'autres termes, pas l'URL d'origine).
  • Toutes les pages : Déclenchez un événement de SPA sur toutes les pages, y compris le chargement initial. Ce scénario est identique au précédent, à l'exception du fait que l'événement pageLoad automatique n'est pas utilisé. Comme il est encore déclenché, il est important d'organiser vos événements de sorte que l'événement de SPA se déclenche avant tout autre événement personnalisé. S'ils sont déclenchés dans le désordre, certains ou tous peuvent être associés à l'événement pageLoad automatique (et à l'URL d'origine), et non à l'événement pageLoad de SPA (et à l'URL du SPA, dont page_path).
  • Toutes les pages, automatique désactivé : Déclenchez un événement de SPA sur toutes les pages et désactivez le chargement de page automatique. Ceci est obtenu en ajoutant « disableAutoPageView: true » aux paramètres d'initialisation. (Remarque : ne modifiez pas directement l'extrait de code à désactiver.) Cette opération est identique au scénario précédent, mais supprime la condition selon laquelle l'événement de SPA doit être déclenché en premier lors du chargement de page initial. Cependant, les événements de SPA suivants doivent toujours être déclenchés avant tout événement personnalisé auquel ils sont associés (ou ils seront attribués à l'événement de SPA précédent).

See more videos...