Qu’est-ce que c’est des webhooks et leur utilisation dans le suivi côté serveur

Il existe de nombreuses façons d'automatiser votre entreprise. Parmi eux, on aimerait distinguer les webhooks. En configurant des webhooks, vous pouvez rationaliser les processus qui dépendent généralement de la saisie manuelle, économisant ainsi du temps et de l'énergie.

Dans cet article de blog, nous expliquerons ce que sont les webhooks, pourquoi ils sont le choix parfait pour votre flexibilité, comment ils fonctionnent et leur utilisation dans le suivi côté serveur.

Bref, un webhook est un code de programme. Il se compose généralement de deux parties - une variable et les données elles-mêmes.

Les webhooks sont des messages automatisés envoyés d'applications Web à d'autres applications Web. C'est un outil puissant qui permet aux développeurs d'informer plusieurs services du contenu mis à jour ou des données utilisateur. Cela permet aux pages Web de rester synchronisées, car les webhooks permettent aux développeurs de connecter rapidement deux services Web et de transférer automatiquement des informations entre eux en temps réel. Les webhooks peuvent être utilisés pour presque tout, y compris les notifications push lorsqu'un article a été expédié ou l'envoi d'informations de paiement lorsqu'un achat a été effectué. Les webhooks offrent facilité et commodité sans nécessiter de saisie manuelle ou de logiciel intermédiaire, ce qui rend le développement Web plus fluide que jamais.

Pour démarrer avec les webhooks côté serveur, vous devez d'abord décider quelle application vous souhaitez déclencher et quelle application les recevra. En règle générale, l'application d'envoi est appelée « source » tandis que l'application de réception est appelée « destination». Une fois que vous avez choisi les deux applications, l'étape suivante consiste à configurer les paramètres de webhook de chacune.

Webhook est déclenché lorsqu'un événement se produit sur votre site, CRM, chatbot ou d'autres systèmes. Par exemple, une personne a écrit un commentaire ou ajouté un nouveau produit au système de comptabilité des produits. Lorsque cet événement se produit, le serveur crée une requête HTTP et l'envoie à l'adresse spécifiée par le client pour recevoir les webhooks. Le client obtient de nouvelles données à temps - le client est satisfait. L'utilisateur peut configurer des webhooks afin que des événements sur certains sites déclenchent des actions sur d'autres sites. Par exemple, une personne passe une commande dans la boutique en ligne → le système envoie un webhook à l'application du propriétaire → l'application avertit le propriétaire et envoie un devis à la personne.

L'utilisation de webhooks dans le suivi côté serveur est très simple. Avec les webhooks, les données peuvent être automatiquement envoyées au conteneur du serveur Google Tag Manager chaque fois qu'un événement ou une action a lieu sur votre site Web.

Le cas d'utilisation le plus courant du webhook dans le balisage côté serveur consiste à envoyer des webhooks depuis le CRM ou le CMS. Par exemple, chaque fois qu'un utilisateur est créé, mis à jour, qu'une commande est passée, etc., vous pouvez envoyer ces données au serveur GTM.

À l'aide de webhooks, vous pouvez suivre les événements qui ne se produisent pas sur votre site Web ou votre application. Des choses comme les ventes dans les magasins hors ligne ou les prospects téléphoniques - toutes ces données peuvent être envoyées à des plateformes publicitaires à l'aide de webhooks et de balisage côté serveur.

Imaginez le scénario suivant : un utilisateur tombe par hasard sur votre publicité en ligne, clique dessus et arrive sur votre site Web. Après quelques recherches, il avait des questions concernant le produit, il a donc décidé de vous appeler. Des représentants du service client ont répondu à toutes ses questions et un utilisateur a passé une commande par téléphone.

Dans ce cas, une campagne particulière est responsable de la commande, mais comment pouvez-vous la suivre ? Le moyen le plus évident consiste à demander aux clients comment ils trouvent votre site Web. Ils peuvent répondre quelque chose comme une publicité en ligne ou dire c’est à la plateforme où ils l'ont vue. Mais ces informations ne permettront pas de comprendre quelle campagne ou quel ensemble de publicités est responsable de la conversion.

Le suivi de ces commandes est possible à l'aide de webhooks et de balisage côté serveur. Chaque fois qu'une nouvelle commande téléphonique est créée dans le CRM, vous pouvez envoyer un webhook au serveur Google Tag Manager avec toutes les informations sur la commande et le client. Une fois que le serveur GTM a obtenu ces données, vous pouvez les distribuer au réseau publicitaire. Si le réseau publicitaire peut faire correspondre un utilisateur qui a effectué un achat hors ligne à un utilisateur qui a vu votre annonce, cet ordre sera reflété comme une conversion hors ligne dans une campagne correspondante.

Dans la partie suivante, plongeons dans quelques détails sur la façon de configurer des webhooks et de déclencher des conversions basées sur les webhooks.

La raison pour laquelle l'utilisation de webhooks dans sGTM peut aider à suivre les conversions avec plus de précision et à améliorer l'attribution des conversions est évidente. Donc, plongeons dans les détails sur la configuration des webhooks dans sGTM.

1. Comment envoyer des webhooks à sGTM

Vérifiez votre CRM ou CMS pour un plug-in natif ou une fonctionnalité prenant en charge les webhooks. Une fois que vous l'avez trouvé, créez un webhook pour l'événement que vous souhaitez suivre. Dans les paramètres du webhook, ajoutez votre URL de balisage côté serveur avec le chemin qui distinguera votre webhook.

Dans mon cas: https://ss.wp-demo.stape.io - est l'URL de balisage côté serveur

/order_created - est un chemin qui différencie mon webhook qui envoie des données chaque fois qu'une commande est passée. 

2. Comment voir les données du webhook dans sGTM

L'envoi de données de webhook depuis CRM ou CMS est relativement facile. Cependant, vous devez voir les données du webhook dans le débogueur sGTM pour configurer les balises avec précision. Les chances que l'on puisse configurer des balises sans utiliser de débogueur sont faibles.

Par défaut, vous ne pouvez pas voir les données de webhook dans sGTM. Pour le rendre visible, nous devons utiliser la fonctionnalité d'en-tête HTTP Preview dans le débogueur sGTM et stape.

Pour activer l'en-tête d'aperçu sGTM, ouvrez le conteneur Google Tag Manager de votre serveur -> cliquez sur aperçu (preview) -> cliquez sur trois points dans le coin supérieur droit -> cliquez sur envoyer les demandes manuellement -> copiez l'en-tête HTTP X-Gtm-Server-Preview.

Connectez-vous à votre compte stape.io, ouvrez le conteneur sGTM, accédez à Power-Ups et cliquez sur Use HTTP Header Config.

Collez l'en-tête HTTP Preview que vous avez copié à partir du débogueur du serveur Google Tag Manager et cliquez sur Enregistrer.

Les étapes ci-dessus vous permettront de voir les données du webhook dans le débogueur du serveur Google Tag Manager. Une fois la configuration terminée, supprimez l'en-tête de prévisualisation des power-ups sGTM de Stape. Notre système supprime automatiquement l'en-tête de prévisualisation 1 heure après l'avoir activé. 

3. Comment traiter les données du webhook dans le serveur Google Tag Manager

La dernière étape de préparation avant de pouvoir éventuellement envoyer des données de webhook à la plateforme de publicité ou d'analyse consiste à traiter les données de webhook dans sGTM. Nous le ferons avec de l'aide de données de client de Stape (Data Client).

Dans sGTM, les clients sont responsables de la réception des demandes et du traitement des données de demande en données d'événement.

Importez Data Client dans votre conteneur sGTM. La première étape sera de télécharger Data Client depuis GitHub. Ensuite, accédez au conteneur sGTM, ouvrez les sections Modèles et cliquez sur Nouveau client.

Cliquez sur trois points, puis sur Importer. Ensuite, sélectionnez le modèle Data Client que vous avez téléchargé depuis GitHub et enregistrez-le.

Accédez à l'onglet Clients et créez un nouveau client. Sélectionnez Type de client - Data Client, ajoutez le nom du client et faites défiler jusqu'à Accepted Path Settings. Ajoutez un chemin (Path) qui différencie votre webhook. Dans mon cas, c'est /order_created et cliquez sur enregistrer.

Une fois cela fait, ouvrez sGTM et vérifiez que le webhook a été envoyé et que Data Client a bien traité les demandes.

4. Comment utiliser les données du webhook pour définir les balises sGTM.

Cette étape dépend beaucoup de vos objectifs et de votre pile technologique. Par exemple, vous pouvez envoyer des événements hors ligne à Facebook ou Google Ads. Ou vous pouvez informer votre service commercial ou marketing des nouvelles commandes en utilisant la balise Slack ou Telegram pour sGTM.

Les webhooks offrent un moyen simple et pratique de recevoir des mises à jour de notification en temps réel pour les activités Web, permettant aux entreprises de répondre et d'agir rapidement sur ces notifications avec un minimum d'effort. En plus, les webhooks sont un moyen sécurisé de partager des informations avec d'autres services Web tels que les plates-formes de marketing ou d'analyse, car ils n'exigent pas que les développeurs ou les programmeurs qui fournissent aux utilisateurs des informations d'identification d'accès ou des données sensibles.

Si vous vous sentez confus, n'hésitez pas à contacter notre support client Stape. Nous serons très heureux de pouvoir vous aider.