Comment configurer la déduplication des événements Facebook en Google Tag Manager

L'utilisation du suivi côté serveur de Facebook (API Conversions de Facebook) devient de plus en plus populaire en raison de sa capacité à empêcher le suivi du blocage des pixels par ITP et  AdBlockers. Un autre avantage énorme de l'API conversion de Facebook est qu'il augmente la durée de vie des cookies FB. Si vous n'avez pas encore implémenté l'API Conversions FB sur votre site, suivez ce lien.

Dans cet article, je vais décrire comment configurer la déduplication des événements Facebook si vous utilisez à la fois des méthodes de suivi du navigateur et du serveur pour votre site.

Pourquoi faut-il configurer la déduplication des événements Facebook?Copier le lien vers cette section

Le pixel Facebook et l'API Conversions vous permettent de partager des événements standard et personnalisés avec FB afin que vous puissiez mesurer et optimiser les performances des publicités. Pixel vous permet de partager des événements Web à partir d'un navigateur Web, tandis que l'API Conversions vous permet de partager des événements Web directement à partir du serveur cloud.

Le pixel Facebook et l'API conversion de Facebook vous permettent d'envoyer des événements. Et quand je dis événements, je veux dire les actions des clients. La différence est ce que pixel envoie les événements depuis le navigateur et CAPI envoie les événements depuis le serveur. Si vous dites à Facebook que la méthode du navigateur et celle du serveur envoient des événements identiques, il en acceptera un et en rejettera un autre.

Il existe plusieurs moyens de configurer le suivi Facebook, notamment les suivants :

1. Utiliser uniquement la méthode du navigateur (pixel). FB ne la recommande pas en raison des restrictions de suivi des utilisateurs.

2. Utiliser uniquement le suivi du serveur. Le principal avantage d'avoir un suivi uniquement sur le serveur est ce que pixel FB ne chargera pas votre navigateur. Votre site se chargera plus rapidement et offrira la meilleure expérience à l’utilisateur.

3. Combiner le suivi du navigateur et du serveur. Ici, vous avez plusieurs options :

● Envoyer des événements depuis le navigateur et le serveur d’autre forme. Par exemple, Shopify l'intégration de l'API conversion de FB native enverra tous les événements FB via le navigateur et achètera les événements du serveur. Dans ce cas, vous n'avez pas besoin de la déduplication

● Envoyer tous les événements depuis le navigateur et le serveur.

Si vous décidez d'utiliser à la fois le suivi des événements du navigateur et du serveur pour tous vos événements, dans ce cas, vous devrez configurer la déduplication des événements. Avec la déduplication des événements Facebook, FB recevra tous vos événements, comprendra que les événements sont identiques, en nettoyera certains et en sauvegardera d'autres. Si vous combinez la méthode du navigateur et du serveur, mais vous ne configurez pas la déduplication des événements, vos données ne seront pas correctes car tous les événements seront suivis deux fois.

Facebook exige l'envoi de deux paramètres d'événement pour la déduplication d'événement: le nom d'événement et  l’ID d'événement. Vous avez déjà envoyé le nom d’événement avec la configuration existante. Cet article explique comment configurer l'ID d'événement Facebook dans Google Tag Manager Container.

Comment fonctionne la déduplication d’événements Facebook?Copier le lien vers cette section

Facebook a deux manières d'identifier les événements dupliqués qui ont été envoyés depuis le navigateur et le serveur :

1) ID d'événement et nom d'événement.

Facebook recommande ce moyen, et nous le démonstrerons dans notre tutoriel. Pour cette méthode, vous devez utiliser ID d'événement pour tous les événements que vous envoyez via pixel et CAPI. FB dédupliquera les événements Facebook Pixels et Conversion API avec des noms d'événement et des ID d'événement identiques. Facebook a plus de confiance à l'événement du navigateur, et s'il voit des événements similaires et arrive avec un délai de 5 minutes, il sauvegarde les événements du navigateur et efface les événements du serveur.

2) FBP ou ID externe

Cette méthode existe mais elle n'est pas recommandée par Facebook. Dans ce cas, vous devrez envoyer le nom d'événement, fbp et/ou external_id pour tous les événements de votre navigateur et serveur. Facebook compare tous ces paramètres et identifie s'il a déjà un événement de navigateur avec ces paramètres. Et s'il en a, il supprime les événements de serveur. FB ne recommande pas d'utiliser ces événements car il peut identifier la déduplication seulement si l'événement du navigateur a été envoyé le premier. Cela signifie que si vous envoyez d'abord un événement de serveur, les événements seront quand-même dupliqués.

Facebook peut également fusionner des événements. Par exemple, si vous envoyez des données enrichies depuis le serveur, vous pouvez ajouter les données manquantes à l'événement du navigateur. Ce n'est pas une fonctionnalité par défaut. Pour l'activer, vous devez contacter un représentant de Facebook.

Comment configurer la déduplication des événements Facebook via Google Tag Manager?Copier le lien vers cette section

 Nous avons créé une variable Google Tag Manager personnalisée qui ajoutera un ID d'événement unique à vos événements Facebook Web et serveur. Il vous permettra de suivre les utilisateurs à la fois du navigateur et du serveur et de dédupliquer les événements. Ce moyen fonctionnera si votre pixel Facebook est configuré dans le conteneur Web Google Tag Manager et si l'API conversion de Facebook est configurée via le conteneur de serveur Google Tag Manager.

1. Vous devez avoir l'API conversion de Facebook configuré via Google Tag Manager Server Container. Veuillez suivre ce tutoriel, s'il n'est pas encore configuré sur votre site

2. Cliquez sur ce lien pour télécharger une variable personnalisée qui envoie un ID d'événement unique.  

3. Accédez à votre conteneur Web Google Tag Manager et importez la variable que vous venez de télécharger. Cliquez sur Templates -> New (à l'intérieur de Variable Templates) -> cliquez sur les trois points dans le coin supérieur droit -> Import -> sélectionnez une variable -> Une fois terminé, cliquez sur Save.

4. Ajoutez cette variable à tous les événements Facebook que vous avez dans le conteneur Web.

Il existe deux moyens d'ajouter cette variable : en utilisant le modèle personnalisé pour les balises FB et en ajoutant des balises FB en tant que HTML personnalisé.

Si vous utilisez un modèle FB :

Ouvrez Facebook tag  -> Cliquez sur More Settings -> Ajouter une variable aux champs Event ID -> Cliquez Save.

Si vous avez ajouté des balises FB via HTML personnalisé :

Ouvrez Facebook Tag -> ajouter le paramètre ID event à événement Facebook -> Cliquiez sur Save.

{eventID: '{{Event ID}}’

5. Nous allons configurer un peramètre qui transmettra le même ID d'événement au conteneur Google Tag Manager Server à cette étape. Étant donné que notre balise de serveur Facebook fonctionne sur la base des événements Google Analytics, nous ajouterons l'ID d'événements Facebook aux balises Google Analytics à l'intérieur du conteneur Web. Sur cet exemple, j'enverrai Event ID dans Google Analytics Custom Dimension. Vous pouvez l'envoyer via d'autres champs.

Ouvrez la balise Google Analytics tag dans le Web container  -> Cliquez More settings -> Custom Dimension -> Ajoutez index et choisissez variable Event ID.

Ajoutez Facebook event ID à toutes les dimensions personnalisées de GA (ou à d'autres paramètres que vous avez sélectionnés) que vous souhaitez suivre dans le conteneur du serveur.

Une fois que vous l'avez fait, accédez au mode de prévisualisation et vérifiez que tout fonctionne correctement. Ensuite, publiez les mises à jour.

6. Accédez à votre Google Tag Manager Server Container -> Cliquez sur Variables -> New Variable -> sélectionnez le type de variable Query Parameter -> Nom du paramètre cd1 (dans mon cas, car l'index de la dimension personnalisée que j'ai créée dans le conteneur Web est 1) -> Cliquez sur Save.

7. Accédez au mode de prévisualisation et vérifiez que le conteneur Google Tag Manager Server voit la variable que vous avez créée.

8. Ouvrez Facebook Tag dans le Google Tag Manager Server Container -> Cliquez sur Server Event Data Override -> dans Property Name, sélectionnez Event ID -> dans Property Value, sélectionnez la variable que vous avez créée dans le Conteneur du serveur.

Ajoutez la variable Event ID à toutes les balises Facebook à l'intérieur du conteneur du serveur. Une fois que la balise passe en mode de prévisualisation du serveur, ce test se change.

9. Nous allons configurer une balise GA4 pour transmettre l'ID d'événement au conteneur Google Tag Manager Server. Si votre balise de serveur Facebook fonctionne sur la base des événements GA4, vous devez ajouter l'ID d'événements Facebook aux balises GA4 dans le conteneur Web. Dans cet exemple, j'enverrai un ID d'événement dans le paramètre d'événement GA4 pour l'événement page_view. Mais pour le faire, vous devez vous assurer que l'événement page_view n'est pas envoyé avec la balise de configuration GA4. Si vous envoyez un événement de vue de page avec la balise de configuration GA4, veuillez modifier votre balise et décocher cette coche.

Créez ou utilisez votre balise d'événement GA4 existante dans le conteneur Web -> Event Parameters -> Ajouter event_id comme Parameter name et sélectionnez la variable Event ID comme valeur. Vérifiez également le déclencheur que vous utilisez pour la balise page_view. Il doit être DOM Ready ou Window Loaded. Vous ne pouvez pas utiliser le même déclencheur pour la balise de configuration GA4 et la balise d'événement GA4 pour la configuration appropriée de la déduplication des événements. N'oubliez pas que vous devez toujours utiliser le même déclencheur pour la balise Facebook et GA4.

Ajoutez l'ID d'événement Facebook à toutes les balises d'événement GA4 que vous souhaitez suivre à l'intérieur du conteneur du serveur.

Une fois que vous l'avez fait, accédez au mode de prévisualisation et vérifiez que tout fonctionne correctement. Ensuite, publiez les mises à jour.

10. Accédez à votre Google Tag Manager Server Container -> Cliquez sur Variables -> New Variable -> sélectionnez le type de variable Event Data -> Voie de clé event_id (dans mon cas, car le nom du paramètre que j'ai créé dans le conteneur Web est event_id) -> Cliquez sur Save.

11. Ouvrez Facebook Tag dans Google Tag Manager Server Container Manager -> Cliquez sur Server Event Data Override -> en Property Name, sélectionnez Event ID -> en Property Value, sélectionnez la variable que vous avez créée dans le conteneur du serveur.

Ajoutez la variable Event ID à toutes les balises Facebook sur conteneur du serveur. Une fois que la balise passe en mode de prévisualisation du serveur, ce test se change.

12. Passez au mode de prévisualisation et vérifiez que la variable event_id que vous avez créée sur le conteneur Web est la même que celle que vous envoyez à Facebook.

13.  Sur cette étape, nous allons vérifier que la déduplication des événements Facebook fonctionne. Accédez à Test Event tool dans votre Facebook Business Manager -> Veuillez vérifier que vous avez ajouté ID de test à la balise Facebook dans le Google Tag Manager Server container -> Vérifiez que Facebook affiche les événements de serveur et de navigateur dans l'outil de test et l'un des événements a été dédupliqué.

14.  N'oubliez pas de publier vos modifications.

ConclusionCopier le lien vers cette section

L'API conversion de Facebook est une excellente solution si vous souhaitez suivre plus précisément des utilisateurs de votre site, contourner les bloqueurs de publicités et les ITP, et prolonger la durée de vie des cookies. Avec la méthode combinée du serveur et du navigateur, vous allez toujours gérer les pixels Facebook sur le navigateur, ce qui alourdit votre site. En utilisant cette méthode, vous pouvez être sûr à 100% que vous n'avez manqué aucun utilisateur ou événement sur votre site.

Si vous avez des questions ou des commentaires sur la mise en œuvre de la déduplication des événements Facebook, veuillez me le faire savoir dans les commentaires ci-dessous.