Stape
Rechercher
Essayer gratuitement

API conversion de Facebook pour WordPress

Mis à jour
14 oct. 2024
Publié
30 mars 2023
Egalement disponible

Vous cherchez un moyen simple de configurer une API conversion de Facebook pour votre site WordPress ? Cet article couvrira tout ce que vous devez savoir sur l'API conversion de Facebook. Ensuite, nous suivrons des instructions étape par étape sur la configuration de l'API conversion de Facebook pour WordPress à l'aide du plugin côté serveur GTM de Stape.

Pourquoi implémenter FB CAPI pour WordPress

Nous utilisons Facebook Pixel depuis des années pour voir les performances de nos publicités et générer d'excellentes audiences de remarketing. Mais l'influence de Facebook Pixel diminue en raison des améliorations de la confidentialité d'iOS 14 et de la disparition imminente des cookies l'année prochaine. 

Pour résoudre ce problème, Facebook a lancé la nouvelle API améliorée conversions de Facebook. Cette technologie a toujours été utile pour les spécialistes du marketing qui souhaitent suivre correctement les conversions, mais elle est désormais cruciale pour les annonceurs Facebook qui souhaitent pérenniser leur stratégie dans un environnement ciblé sur la confidentialité.

Résilience aux bloqueurs de publicités

CAPI utilise un suivi côté serveur, qui envoie des données directement du serveur de votre site Web à Facebook, en contournant les limitations imposées par les paramètres de confidentialité de l'utilisateur et les restrictions du navigateur, car il n’utilise pas les cookies. En plus, cela peut vous aider à contourner les bloqueurs de publicités, car les demandes de suivi sont envoyées depuis votre serveur plutôt que depuis le navigateur de l'utilisateur. Cela peut améliorer les performances de vos campagnes publicitaires.

Optimisation améliorée

L'API conversion de Facebook pour WordPress fournit des points de données supplémentaires qui peuvent vous aider à optimiser vos campagnes, tels que des événements personnalisés tels que le temps passé sur le site, la profondeur de défilement et les soumissions de formulaires. Cela vous permet de mieux comprendre le comportement des utilisateurs.

Meilleure attribution

CAPI vous permet de faire correspondre avec précision les conversions à la bonne annonce, même si la conversion se produit après que l'utilisateur a quitté votre site Web. En effet, le suivi côté serveur vous permet d'envoyer des données sur l'événement de conversion directement à Facebook, sans compter sur le navigateur de l'utilisateur pour lancer la demande de suivi. 

Comment configurer l'API conversion de Facebook pour WordPress

Configurez le conteneur du serveur Google Tag Manager sur Stape

1. Accédez à https://tagmanager.google.com/ et connectez-vous à votre compte Google Tag Manager.

Google Tag Manager account

2. Cliquez sur le bouton "Admin", et sous la colonne "Conteneurs", cliquez sur le bouton "+ Créer un conteneur".

Create Container

3. Choisissez le nom pour votre conteneur de serveur, sélectionnez "Serveur" comme type de conteneur, puis cliquez sur le bouton "Créer".

create server container in google tag manager

4. Sélectionnez l'option "Provision Tag Server Manually"  et copiez la configuration du conteneur qui s'affiche. Enregistrez cette configuration dans un éditeur de texte car vous en aurez besoin plus tard. 

Manually provision tagging server

5. Connectez-vous à votre compte sur notre service ou créez un nouveau compte si vous ne l'avez pas déjà fait.

6. Une fois connecté, cliquez sur le bouton "Create Container". Donnez le nom à votre conteneur, collez la configuration du conteneur que vous avez copiée à partir de votre conteneur de serveur Google Tag Manager et sélectionnez l'emplacement du serveur. Cliquez sur "Create Container."

create container at stape

7. Attendez environ 5 minutes pour que le conteneur de serveur se déploie. Actualisez la page pour mettre à jour le statut. Si la configuration a été effectuée correctement, vous devriez voir le statut "En cours d'exécution". Si vous voyez "Erreur", vérifiez que vous avez copié la bonne configuration de conteneur. Veuillew contactez  notre assistance si l'erreur persiste.

8. Sur cette étape, vous devez configurer une URL de balisage.

Vous avez deux options:

  • Vous pouvez choisir d'utiliser l'URL de balisage qui a été créée pour vous et qui est hébergée sur notre domaine (stape.io).
  • Ou bien utiliser un domaine personnalisé. Je recommande d'utiliser cette option car elle aidera à empêcher le blocage du suivi et à augmenter la durée de vie des cookies.

Si vous choisissez la première option, passez à l'étape 9.

Si vous souhaitez configurer une URL de balisage personnalisée, cliquez sur "Add domain"  sous l'URL de balisage fournie par Stape -> connectez-vous à votre service de nom de domaine et créez un nouvel enregistrement DNS pour le sous-domaine que vous souhaitez utiliser. Vous pouvez utiliser n'importe quel nom de sous-domaine que vous voulez.

Ajoutez ces paramètres:

    Type: A

    Name: ss (ou tout autre nom de sous-domaine à votre choix)

    IPv4 address: L'adresse IP dépend de l'emplacement des serveurs. Vous pouvez trouver l'adresse IP du domaine personnalisé sur votre compte stape.io. 

    TTL: Auto

    Proxy status: désactiver

Vos paramètres devraient ressembler à ceci:

a custom tagging URL

9. Vous pouvez activer la fonctionnalité Global CDN pour le conteneur de serveur, qui utilise la technologie Cloudflare pour charger des fichiers js à partir d'un serveur plus proche des visiteurs de votre site, ce qui permet le service de fichiers js plus rapide et la meilleure vitesse de page. Tenez compte des règles de confidentialité de votre pays avant d'activer cette fonctionnalité. Ajoutez un enregistrement CNAME pour faire fonctionner Global CDN. 

!

Tenez compte des règles de confidentialité de votre pays avant d'activer Global CDN.

Après avoir activé Global CDN, vous devrez ajouter un enregistrement CNAME pour que Global CDN fonctionne.

10. Ajoutez l'URL du serveur de balisage au conteneur de serveur Google Tag Manager en accédant à "Admin", puis "Paramètres", et en sélectionnant "Paramètres du conteneur".

Configurer le plugin côté serveur GTM pour WordPress

1. Connectez-vous à votre administrateur WordPress et accédez aux plugins. Ensuite, cliquez sur “Add New,”, tapez "GTM Server-Side", choisissez ce plugin, puis cliquez sur installer maintenant. Une fois établi, cliquez sur Activer. 

wordpress plugin by stape

2. Ouvrez le plugin GTM Server-Side que vous avez installé à la première étape et collez l'URL de balisage dans les paramètres du plugin. Ensuite, sélectionnez si vous souhaitez ajouter GTM Web à toutes les pages du site ou tout simplement ajouter une fonctionnalité de plug-in sans ajouter de script GTM (cette option doit être utilisée si vous utilisez un autre plug-in qui insère un script GTM sur le site). Ensuite, ajoutez l'ID WEB Google Tag Manager, l'URL du serveur de balisage et l'identifiant du conteneur Stape si vous souhaitez utiliser un chargeur personnalisé

GTM Server-Side plugin

3. Si vous avez un site Web de commerce électronique et que vous souhaitez transférer les événements de commerce électronique et les données utilisateur vers Data Layer, cliquez sur le deuxième onglet du plug-in et activez deux cases. Notez bien que cela ne peut fonctionner qu'avec les boutiques woocommerce. 

push ecommerce events and user data to the Data Layer

Configurer GA4 côté serveur

1. Dans le conteneur Web, créez une nouvelle balise de type Google Tag. Ajoutez votre ID de balise Google.

Dans la section Paramètres de configuration, ajoutez les paramètres suivants :

  • Name: server_container_url
  • Value: Saisissez l'URL

Ajouter un déclencheur à la balise GA4. Normalement, il devrait se déclencher sur toutes les pages vues.

set up Google Analytics 4 server-side 

Vous pouvez également créer une variable Google tag : Paramètres de configuration qui prédéfinira les paramètres des balises Google si vous devez utiliser plusieurs balises Google sur votre site web et que vous ne souhaitez pas ajouter manuellement des paramètres pour chacune d'entre elles.

Ces paramètres peuvent être, par exemple, un réglage qui définit si vous souhaitez envoyer un événement de visualisation de page chaque fois qu'une balise Google se déclenche, définir des paramètres UTM, l'identifiant du client, etc. Il existe une liste des paramètres de configuration standard des Google Tags.

2. Pour configurer l'événement GA4, allez dans la section des balises et créez une nouvelle balise avec le type de balise Google Analytics : Événement GA4. Ajoutez votre identifiant GA4 et le nom de l'événement ; il existe une liste de noms d'événements standard.

Vous pouvez créer une variable Google Tag : Paramètres de l'événement qui permettra de partager les paramètres de l'événement entre plusieurs balises d'événement GA4 ou Google Tags. Il peut s'agir, par exemple, des propriétés d'un utilisateur ou d'un produit, et il existe également une liste de paramètres standard pour les paramètres d'un événement.

Google analytics 4 events settings 
google tag event settings variable

3. Ouvrez le conteneur Google Tag Manager Server -> cliquez sur Client -> créez le client GA4 et enregistrez-le -> allez dans Tags et configurez le tag GA4. Rappelez-vous que GA4 envoie automatiquement non seulement les pages vues mais aussi d'autres événements. Dans Event Name, choisissez la variable {{Event Name}}. -> ajouter un déclencheur Nom du client égal à GA4.

set up ga4 tag in the server container 
set up ga4 client in the server container 

4. Ouvrez le mode de prévisualisation du conteneur du serveur et vérifiez que vous voyez les requêtes de GA4.

tag details

Configurer l'API conversion de Facebook pour WordPress

Vous avez 2 options pour configurer notre balise API conversion de Facebook.

Héritage du client GA4:

Dans ce cas, nous associerons vos événements GA4 à des événements Facebook standard. Si nous ne pouvons pas mapper un événement GA sur un événement FB standard, nous l'enregistrerons en tant qu'événement personnalisé. Tout se fera automatiquement, vous n'avez pas besoin de mettre en place des événements FB.

1. Créez une nouvelle balise dans votre conteneur de serveur. Accédez à la galerie de modèles de la communauté et ajoutez la balise API conversion de Facebook. Dans la balise, sélectionnez hériter du client. Remplissez votre jeton d'accès à l'API FB, votre ID de pixel FB et votre ID de test pour voir les événements dans l'outil de test FB.

facebook conversion api

2. Ajoutez un déclencheur. Cliquez sur déclencheurs-> + dans le coin supérieur droit-> paramètres de déclencheur et sélectionnez un déclencheur personnalisé-> ce déclencheur se déclenchera lors de certains événements-> le nom du client est égal à GA4. Cliquez sur enregistrer.

trigger configuration

Redéfinissez:

Si c’est le cas, vous devez configurer manuellement les événements FB.

Vous devez utiliser les événements GA4 pour déclencher les événements du serveur Facebook.

Prenons comme exemple un événement "add_to_cart" et nous voulons envoyer les paramètres tels que value, currency, item_id. 

1. Créez une balise d'événement GA4 dans votre conteneur Web ou modifiez-en une balise existante. Choisissez la configuration GA4 que vous venez de créer comme "balise de configuration" et définissez le nom de l'événement sur "add_to_cart". Et nous voulons envoyer les paramètres de l'événement : value, currency, item_id.

Create a GA4 Event tag in Web container

Nous prenons ces paramètres du DataLayer, mais comme nous ne transmettons pas toutes les données du DataLayer, nous souhaitons créer des variables pour ces paramètres.

Afin de créer ces variables, nous devons exécuter un aperçu dans le conteneur Web et ouvrir la couche de données.

a preview in the web container

Créons une variable pour “value”. 

Ouvrez les variables, créez une nouvelle variable de couche de données, dans le nom de la variable de couche de données, écrivez le chemin que nous pouvons voir dans notre couche de données pour ce paramètre. Dans ce cas, c’est ecommerce.value. Cliquez sur Enregistrer.

ecommerce.value

Répétez le processus pour les autres paramètres. 

Revenons à notre balise GA4 et notons les paramètres que nous voulons transmettre lorsque add_to_cart est déclenché.  Ajoutez un déclencheur. Le type de déclencheur est un événement personnalisé qui est déclenché sur tous les événements personnalisés, le nom de l'événement "add_to_cart". Cliquez sur enregistrer.

 event name “add_to_cart”

2. Créez une nouvelle balise API conversion de Facebook dans votre conteneur de serveur. Accédez à la galerie de modèles de la communauté et ajoutez la balise API conversion de Facebook. Dans ce cas, nous sélectionnons override dans Event Name Setup Method et le type d'événement AddToCart. Remplissez votre jeton d'accès à l'API FB, votre ID de pixel FB et votre ID de test pour voir les événements dans l'outil de test FB.

new Facebook Conversion API tag

Ensuite, remplissez les données personnalisées que nous avons décidé de transmettre à Facebook. Pour ces paramètres, nous aurons également besoin de faire des variables, mais maintenant dans un conteneur de serveur avec le type de variable "données d'événement".

variable “event data“

Nous créons un déclencheur d'événement personnalisé avec le nom d'événement add_to_cart qui se déclenche sur le nom du client égal à GA4. Cliquez sur Enregistrer.

event name add_to_cart

Vérifiez que la configuration est complète et correcte

Ouvrez le débogueur de conteneurs GTM Web et serveur et cliquez sur votre site. Dans le conteneur du serveur GTM, vous devriez voir les requêtes réclamées par la balise API conversion de Facebook.

web and server GTM containers debugger

Vous pouvez également tester cet événement dans l'outil de test de Facebook.

Facebook testing tool

Conclusion

Il est essentiel de rester à jour avec la technologie d'aujourd'hui et l'ère numérique dans laquelle nous vivons en ce moment, vous devez donc comprendre l'aide considérable que vous pouvez obtenir de la technologie l'API conversion de Facebook. Son utilisation pour WordPress peut entraîner un suivi des données plus précis, des temps de chargement plus rapides, des pratiques de confidentialité plus strictes et un meilleur ciblage des publicités.

C’est pourquoi, si vous êtes prêt à mettre en œuvre ce merveilleux outil dans votre stratégie commerciale, n'hésitez pas à contacter notre équipe d'assistance pour toute aide dont vous pourriez avoir besoin pour le configurer.

Tagged with:FacebookWordPress

Essayez Stape pour tout ce qui concerne le côté serveurmaintenant!