Une fois votre compte Facebook Pixels et Google Tag Manager liés, vous pouvez créer des balises GTM et les associer à un Pixel pour suivre l'activité sur Facebook Pixels. Pour apprendre à lier les deux comptes, consultez cet article.
Avant de commencer :
Pour permettre à Pixels de suivre les événements qui se produisent sur la plateforme bsport, vous devez passer par Google Tag Manager. C'est pourquoi vous avez connecté Google Tag Manager et Pixels à l'étape précédente.
Vous devez également faire en sorte que Google Tag Manager comprenne les événements qui se produisent sur la plateforme bsport afin de pouvoir les transmettre à Pixels.
Il est nécessaire de créer une variable sur Google Tag Manager qui correspond à l'événement bsport.
Retrouvez tous les événements bsport ici : https://pastebin.pl/view/23083ef7
Nous allons maintenant créer la variable pour qu'un événement bsport soit envoyé à Pixels.
Pour cet exemple, nous allons choisir l'événement de clic sur « Ajouter au Panier ».
Créons la variable. Dans Google Tag Manager, accédez à Variables > Nouveau.
Créez ensuite une nouvelle variable > Variable de couche de données.
Saisissez « data » dans le nom de la variable de couche de données. Nommez la variable — dans notre cas, ce sera « dlv - data ».
Voici ce que nous obtenons pour la configuration :
Nous pouvons maintenant passer à la configuration de la balise.
Dans la plateforme Google Tag Manager, accédez à « Ajouter une balise ».
Accédez ensuite à « Configurer la balise », puis à « Découvrir d'autres types de balises ».
Recherchez ensuite « Facebook Pixel » : vous pouvez ainsi configurer Pixels dans GTM facilement, sans passer par le code manuel.
Configurez ensuite le Pixel en lui donnant un nom, en saisissant un identifiant et en choisissant l'événement.
Nous allons choisir l'événement Ajouter au Panier.
De la même façon, vous devez configurer le déclenchement de cette balise. Accédez à « Déclencheur » en bas de la page et configurez-le.
Vous devez créer un déclencheur : pour cela, cliquez sur « + » en haut à droite et créez un déclencheur. Configurez ensuite un « Événement personnalisé ».
Dans « Propriétés de l'objet », vous devez ajouter la variable créée précédemment.
Ajoutez donc « dlv-data ».
Configurez ensuite le déclenchement de cette balise. Accédez à « Déclencheur » en bas de la page et configurez-le.
Pour créer un déclencheur, cliquez sur « + » en haut à droite. Configurez ensuite un « Événement personnalisé ».
Vous pouvez nommer le déclencheur à partir d'ici. « Ajouter au Panier » convient parfaitement pour notre exemple.
Dans « Nom de l'élément », saisissez l'événement bsport que vous souhaitez récupérer. Notre élément étant l'ajout au Panier, dans le fichier joint plus haut dans ce formulaire, nous savons que l'événement bsport correspondant est : bsport:basket:add-to-cart:pass
N'oubliez pas de cocher la case « Utiliser la correspondance par expression régulière ».
La configuration est terminée ! Enregistrez et passez en mode aperçu dans Google Tag Manager. Le mode aperçu ou « debug » de Google Tag Manager vous permet de voir les balises déclenchées sur une page du site. L'extension Chrome Google Tag Assistant est également disponible.
Accédez à votre marketplace bsport et cliquez sur un bouton d'ajout au Panier de votre plateforme.
Dans le « Debug » GTM, vous pouvez constater que la balise a bien été déclenchée.
Vous pouvez également vérifier si le Pixel a été activé avec l'extension Facebook Pixel Helper.
Vous pouvez également vérifier dans le gestionnaire d'événements Facebook Pixel :
Vous pouvez maintenant configurer des événements Google Tag Manager liés à votre plateforme et les récupérer dans Pixels.