Comment envoyer des notifications Slack à l'aide du conteneur de serveur Google Tag Manager

Nous avons créé une balise pour le conteneur du serveur Google Tag Manager qui envoie une notification à Slack. À l'aide de cette balise, vous pouvez envoyer toutes les informations sur les actions des utilisateurs sur votre site au canal Slack. Cette balise permet d'ajouter des variables, telles que des informations sur le produit et l'utilisateur, dans la notification. Vous pouvez informer votre équipe d'un nouvel achat, d'un panier abandonné ou d'une nouvelle demande de devis de clients. L'un des cas d'utilisation de cette balise consiste à envoyer immédiatement des notifications au canal Slack de l'équipe commerciale concernant les nouvelles commandes. Vous pouvez également utiliser cette balise pour surveiller la stabilité de votre site. 

Pour envoyer des notifications Slack, vous devez disposer d'un conteneur de serveur Google Tag Manager configuré avec les données d'utilisateur et d'événement que vous souhaitez envoyer dans le message Slack. Vous devrez également créer une application Slack et générer une URL de webhook pour cette application. Cela peut sembler compliqué, mais tout peut être mis en place en quelques clics. Je couvrirai toutes les étapes de ce tutoriel, y compris la création d'une application Slack et d'une URL de webhook.

L'un des cas d'utilisation non standard de la balise Slack consiste à vérifier si le suivi des conversions Facebook a été bloqué pour les utilisateurs d'iOS 14 qui ont choisi de ne pas être suivi. Supposons que vous ayez implémenté l'API conversion de Facebook et que vous utilisiez un sous-domaine personnalisé pour le serveur de balisage. Cela signifie que vous pouvez voir les événements dans l'outil d'événements de test à l'intérieur du gestionnaire d'entreprise Facebook. Mais comment pouvez-vous vérifier que le suivi des conversions Facebook fonctionne pour les utilisateurs d'iOS 14 qui ont désactivé le suivi ?

Vous pouvez configurer des balises Slack qui utiliseront le même déclencheur que votre CAPI Facebook. Ouvrez votre annonce FB sur iPhone qui a désactivé le suivi Facebook, cliquez sur l'annonce et testez les événements. Si le suivi fonctionne, vous verrez des notifications Slack. Étant donné que Slack et Facebook utilisent les mêmes déclencheurs, vous pouvez dire que le suivi Facebook fonctionne également.

1. Configurez un conteneur de serveur Google Tag Manager.

2. Ouvrez le conteneur du serveur et ajoutez la balise Slack à partir de la galerie de modèles ou en cliquant sur ce lien.

3. Dans cet exemple, je vais vous montrer comment envoyer une notification Slack lors d'un achat réussi. Tout d'abord, vous devez vous assurer que le conteneur du serveur contient les informations d'achat requises. Sinon, vous devrez le configurer

Permettez-moi de vous montrer comment envoyer des données du Web au conteneur du serveur. J'ai une couche de données à l'intérieur du conteneur Web avec des informations de commande. J'utiliserai la balise GA4 pour envoyer des données du Web au conteneur du serveur. Dans le conteneur Web, j'ai configuré une balise de configuration GA4 avec l'URL de transport configurée qui envoie des requêtes à l'URL de mon serveur de balisage. J'ai également mis en place un événement d'achat GA4 avec les détails de l'achat.

4. Dans le conteneur de Serveur, j'ai ajouté un client GA4 et une balise GA4 qui se déclenchent chaque fois qu'un client GA4 est demandé.

5. Ouvrez le mode aperçu du conteneur Web et Serveur et vérifiez si le conteneur du serveur voit les données de commande.

6. Créez des variables à l'intérieur du conteneur de serveur qui prendront les données d'événement. Données d'événement de type variable -> Ajouter un chemin de clé -> Cliquez sur Enregistrer. Nous utiliserons ces variables pour la notification Slack.

7. Accédez à l'onglet Balises dans le conteneur de Serveur -> Cliquez sur Nouveau -> Type de balise Notification Slack.

8. Nous devons créer une application Slack, puis générer un Webhook pour celle-ci. Cliquez sur ce lien -> Cliquez sur Create An App -> Sélectionnez From scratch -> Nommez votre application et sélectionnez Slack Workspace. 

9. Générez un webhook entrant pour l'application que nous avons récemment créée. Cliquez sur Incoming Webhook -> Cliquez sur Activate Incoming Webhooks pour l'activer -> Faites défiler vers le bas et cliquez sur Add New Webhook à l'espace de travail -> Sélectionnez le canal auquel vous souhaitez envoyer des notifications et cliquez sur Allow -> Copiez l'URL du Webhook

10. Collez l'URL Webhook dans la balise Slack.

11. Créez un texte de notification Slack. Vous pouvez ajouter des variables ici. Ajoutez un déclencheur et cliquez sur Enregistrer.

12. Ouvrez le mode aperçu des conteneurs Web et Serveur et testez si la notification fonctionne.

13. Publiez des conteneurs Web et serveur.

Les développeurs et les entreprises recherchent en permanence de nouvelles solutions pour faciliter leur travail avec Slack. J'espère que cet article vous aidera à configurer les notifications Slack pour les événements importants sur votre site.