N.B: les screenshots dans cette fiche datent d'Octobre 2020, l'interface et la plateforme Facebook Pixels change régulièrement donc il se peut que l'apparence de ne soit plus la même. Néanmoins, le procédé devrait rester le même.

Tout d'abord qu'est ce que Google Tag Manager ?

Google Tag Manager (GTM) est un système de gestion de balises qui permet de tracker des données plus poussées. GTM met rapidement à jour et facilite le suivi de données sur applications ou sites web. C’est une interface qui permet de créer et visualiser les balises créées. GTM est un Tag Management System, et fonctionne comme un CMS (Content Management System) sauf que ce n’est pas pour le contenu du site mais pour des balises spéciales.

On peut suivre ses données en liant son compte Google Tag Manager à Google Analytics par exemple.

Pourquoi a-t-on besoin de Google Tag Manager ?

Les avantages de Google Tag Manager :

Pourquoi le mettre en place pour son compte bsport ?

Pour pouvoir analyser le comportement d'élèves et potentiels élèves lorsqu'il sont sur la plateforme bsport lié à votre compte. Vous pouvez analysez les différentes étapes, les clics, les sessions et autres.

Qu'est ce que Facebook Pixels ?

Le pixel Facebook est un morceau de code qui permet de récupérer les données des utilisateurs ayant visité votre site internet afin de construire une audience.

Pourquoi a-t-on besoin de Facebook Pixels ?

Le pixel Facebook permet d'optimiser les campagnes publicitaires sur Instagram et Facebook, permet d'analyser le trafic de son site via Facebook, et de suivre le parcours d'achat ou autres données liées aux publicités.

Pourquoi le mettre en place pour son compte bsport ?

Pour pouvoir analyser le comportement des utilisateurs après avoir cliquer sur une annonce Facebook ou Instagram. Avoir les bonnes données pour optimiser vos campagnes marketing.

Maintenant vous savez ce que sont Google Tag Manager et Facebook Pixels, débutons ce tutoriel pour lier ces deux outils à votre plateforme bsport.

Les différentes étapes pour pouvoir récupérer les données bsport :

Pour ce tutoriel il vous faut:

Pour lier votre compte Google Tag Manager et bsport il vous suffit de deux choses:

Pour connaitre son identifiant Google Tag Manager il suffit de se rendre sur l'interface GTM et de trouver son identifiant.

Vous trouvez ici:

Ensuite, rendez-vous sur votre plateforme bsport en tant qu'admin.

Il faut entrer son identifiant Google Tag Manager dans Paramètres > Général > Google Tag ID

Maintenant votre compte bsport et Google Tag Manager sont liés.

Maintenant vous pouvez paramétrer votre compte GTM afin de suivre les données de votre plateforme.

Google Tag Manager fonctionne avec 3 paramètres:

Vous pouvez maintenant créer des balises afin de suivre les données qui se trouvent sur votre plateforme bsport.

Pour les analyser, vous devez lier votre compte Google Tag Manager à Google Analytics.

Après avoir créer un compte Google Analytics et lié celui-ci à Google Tag Manager, ça se fait automatiquement.

Ensuite sur la plateforme Google Tag Manager, il faut créer une balise > Google Analytics: Universal Analytics

La configuration se fait automatiquement et il vous reste plus qu'à choisir la variable et le déclenchement pour la balise.

Pour le déclenchement de la balises il faut choisir "All Pages" Page Vue, pour que la balise soit déclenché à chaque vu/chargement sur la plateforme.

Normalement vous avez ça:

Vous pouvez prévisualisez, vérifiez que la balise se déclenche lors d'une vue sur la plateforme/sur votre site et publier !

C'est le même principe pour toutes les autres balises possibles sur Google Tag Manager.

Il faut avoir un compte Facebook Business Manager, pour gérer les publicités et aussi pouvoir créer et modérer des Pixels. Pour créer un compte : https://business.facebook.com/overview

Après avoir créer un compte, rendez vous sur le Gestionnaire d'évènements. De la vous pouvez créer un Pixel.

Vous pouvez créer un Pixel pour votre site, pour la plateforme, etc.

Pour faire cela il faut cliquer sur "Ajouter Pixel", ensuite une bannière s'affiche avec trois possibilités:

Choisissez le Pixel à votre site.

Vous avez ensuite cette bannière qui s'affiche qui vous propose 3 options:

Choisissez une des deux options, on recommande l'intégration partenaire car facilitée.

Vous aurez alors cette bannière qui s'affiche:

Ensuite des instructions seront données selon le partenaire choisi et vous pourrez analyser les données de votre site en quelques clics.

Vous pouvez aussi installer le code pixel dans tous les <head> de votre site.

Si vous avez une agence ou webmaster, vous pouvez aussi envoyer avec "Envoyer les instructions par mail".

Vous pouvez maintenant lier Google Tag Manager et Pixels.

En liant Google Tag Manager et Pixels, cela permet de lier aussi avec bsport vu que la balise GTM a été configuré dans l'étape 1.

Pour connecter Facebook Pixels à Google Tag Manager, ça se passe du côté de Facebook.

Rendez-vous sur le Gestionnaire d'évènements pour créer un Pixel.

Comme l'étape précédente ajouter un Pixel à votre site puis cliquer sur "Use a partner".

Ensuite, vous sélectionnez Google Tag Manager.

Il reste plus qu'à suivre les étapes et tout sera paramétré.

Votre Pixel et Google Tag Manager sont maintenant connectés.

Nous allons maintenant créer des balises GTM, les liés à un Pixel pour suivre l'activité sur Facebook Pixels.

Avant toute chose :

Pour permettre à Pixels de remonter les évènements qui se passent sur la plateforme bsport, il faut passer par Google Tag Manager. C'est pour cela que vous avez connecté Google Tag Manager et Pixels dans l'étape précédente.

Il faut aussi faire comprendre les évènements qui se passent sur la plateforme bsport à Google Tag Manager pour qu'il puisse les envoyer à Pixels.

Il faut créer une variable sur Google Tag Manager qui correspond à l'évènement bsport.

Retrouvez tous les évènements bsport ici.

Nous allons désormais créer la variable pour un évènement bsport à remonter dans Pixels.

Pour cet exemple nous allons choisir l'événement de click sur ajout au panier.

Créons la variable. Dans Google Tag Manager, il faut aller dans Variables > Nouvelle.

Ensuite il faut créer une nouvelle variable > Variable de couche de données.

Mettre "data" dans nom de la variable de couche de données. Nommez la variable, pour nous ça sera "dlv - data".

Nous avons donc ça pour la configuration :

Nous pouvons maintenant passer à la configuration de la balise.

Dans la plateforme Google Tag Manager, vous pouvez aller dans "Ajouter une balise".

Ensuite, tu peux aller dans "Configurer la balise" ensuite dans "Découvrez d'autres types de balises"

Ensuite, il faut chercher le "Facebook Pixel", et on peut configurer facilement dans GTM des Pixels de cette manière et ne pas passer par le code manuel.

Il faut après configurer le Pixel en le nommant, mettant un ID, choisir l'évènement.

On va choisir l'événement Add to Cart.

De la même manière, il faut configurer le déclenchement de cette balise. Il faut aller dans "Déclenchement" en bas et le configurer.

Il faut créer un déclencheur, pour se faire il faut cliquer sur le "+" en haut à droite et créer un déclencheur. Ensuite, il faut configurer un "Événement Personnalisé".

Dans "Object Properties", il faut ajouter la variable créée précédemment.

Ajoutez donc "dlv-data".

Ensuite il faut configurer le déclenchement de cette balise. Il faut aller dans "Déclenchement" en bas et le configurer.

Il faut créer un déclencheur, pour se faire il faut cliquer sur le "+" en haut à droite et créer un déclencheur. Ensuite, il faut configurer un "Événement Personnalisé".

De là, on peut nommer le déclencheur. "Add to Basket" pour notre exemple marchera très bien.

Dans "Nom de l'élément" il faut inscrire l'événement bsport que l'on souhaite remonter. Notre élément étant l'ajout au panier, dans le fichier joint plus haute dans cette fiche on sait que l'événement bsport qui correspond à ça est: bsport:basket:add-to-cart:pass

N'oubliez pas de cocher la case "Utiliser la correspondance avec expression régulière".

La configuration est finie ! Vous pouvez sauvegarder et passer en mode aperçu dans Google Tag Manager. Le mode aperçu ou "debug" de Google Tag Manager permet de voir les balises qui sont déclenchées sur la page d'un site internet. Il existe aussi l'extension Chrome, Google Tag Assistant.

Allez sur ta marketplace bsport et cliquer sur un add to cart de votre plateforme.

Dans le "Debug" de GTM tu pourras voir que le tag a été déclenché.

Vous pouvez aussi vérifier si le Pixel a été activé avec l'extension Facebook Pixel Helper.

Vous pouvez aussi vérifier dans le gestionnaire d'évènements de Facebook Pixels :

Voilà vous pouvez maintenant paramétrer des événements Google Tag Manager en lien avec votre plateforme et les remonter dans Pixels.