Configurer le suivi des événements de site web Klaviyo avec Google Tag Manager Server-Side

Klaviyo est une plateforme marketing conçue pour les entreprises e-commerce souhaitant exploiter les données de leurs clients pour envoyer des e-mails et des SMS plus pertinents. Elle aide les marques à créer des campagnes personnalisées basées sur le comportement réel des utilisateurs – comme la navigation, les achats ou l'engagement – afin de stimuler les ventes et de nouer des relations plus solides. Avec Klaviyo, les entreprises peuvent automatiser leurs messages clés, suivre leurs performances et développer leur audience sans se fier au hasard.

Le tracking server-side de Klaviyo est une méthode permettant d'envoyer les données d'événements du site web – telles que les vues de produits, les ajouts au panier et les achats – directement depuis un serveur vers l'API de Klaviyo, en contournant le navigateur. Cette configuration est généralement mise en œuvre à l'aide de Google Tag Manager Server-Side (sGTM) et de plateformes comme Stape. En traitant les données côté serveur, les entreprises évitent les problèmes liés aux limitations des navigateurs, aux bloqueurs de publicités et aux restrictions sur les cookies, garantissant ainsi que les actions clés des utilisateurs sont capturées et transmises de manière fiable à Klaviyo.

Contrairement au tracking client-side, qui repose sur du JavaScript exécuté dans le navigateur de l'utilisateur, le tracking server-side offre un contrôle accru sur les données envoyées et leur moment d'envoi. Il améliore la précision des événements, optimise l'attribution et favorise une meilleure conformité avec les réglementations sur la protection de la vie privée. Grâce à la balise Klaviyo côté serveur de Stape, les marques peuvent suivre les événements sans dépendre de Klaviyo.js, réduire la charge des scripts frontend et maintenir un flux de données propre et cohérent dans leur compte Klaviyo. En centralisant vos flux de données dans un conteneur serveur, vous posez également des bases solides pour intégrer facilement d'autres outils marketing essentiels à l'avenir, tels que le suivi des conversions Google Ads sécurisé.

Le suivi des événements de site web de Klaviyo vous permet de créer des segments et de lancer des flux automatisés basés sur le comportement des utilisateurs sur votre site. Les cas d'usage sont nombreux : par exemple, si un internaute ajoute un produit à son panier sans finaliser son achat, vous voudrez lui rappeler ce qu'il a laissé derrière lui. C'est là qu'intervient le suivi des événements de Klaviyo. Pour déclencher un e-mail personnalisé de panier abandonné, vous devez d'abord envoyer depuis votre site un événement personnalisé incluant les détails clés du produit – comme son nom, son URL, son image, etc. Il existe plusieurs façons d'envoyer des événements de site web à Klaviyo : par requêtes JavaScript, par requêtes côté serveur ou via un conteneur Google Tag Manager Server-Side. 

Le suivi des événements de site web de Klaviyo est indispensable pour déployer un marketing personnalisé et basé sur le comportement qui génère des revenus. En capturant les actions des utilisateurs – comme les vues de produits, les ajouts au panier et les achats –, vous pouvez déclencher des e-mails ou des SMS automatisés adaptés à l'étape du parcours où se trouve chaque client. Cela rend vos actions marketing plus pertinentes, opportunes et efficaces.

Sans un suivi rigoureux des événements, vous manquez des opportunités de récupérer des paniers abandonnés, de réengager des utilisateurs inactifs ou de recommander des produits en fonction de l'historique de navigation. Le tracking server-side via sGTM garantit que ces données sont collectées de manière fiable, même lorsque le suivi basé sur le navigateur est bloqué, vous aidant ainsi à maintenir vos performances et à améliorer vos résultats marketing.

1. Précision accrue des données. Le tracking server-side contourne les limitations des navigateurs, les bloqueurs de publicités et les restrictions de cookies, garantissant que les événements importants tels que les achats ou les mises à jour de panier sont capturés et envoyés de manière fiable à Klaviyo.

2. Meilleures performances. Déporter la logique de tracking du navigateur vers le serveur réduit l'impact sur le temps de chargement des pages. Contrairement à la bibliothèque JavaScript de Klaviyo, qui peut être lourde, le tracking server-side améliore la vitesse du site et l'expérience utilisateur.

3. Attribution améliorée. Un suivi précis et ininterrompu des événements permet à Klaviyo d'attribuer correctement les revenus, l'engagement et d'autres actions à des campagnes spécifiques – même lorsque le tracking client-side échoue.

4. Conformité et contrôle simplifiés. Les configurations côté serveur vous permettent de gérer les données collectées, stockées et envoyées, facilitant ainsi la conformité avec les réglementations sur la confidentialité telles que le RGPD ou le CCPA.

5. Aucun développeur requis (avec sGTM). En utilisant des outils comme Stape avec Google Tag Manager Server-Side, vous pouvez implémenter le tracking server-side sans écrire de code. Tout se gère depuis l'interface de sGTM.

1. Vérifiez que vous avez déjà installé un conteneur serveur Google Tag Manager.

2. Assurez-vous que votre conteneur Google Tag Manager web contient toutes les informations nécessaires sur l'utilisateur. Ces données se trouveront probablement dans les variables GTM ou dans le data layer si vous avez déjà configuré le suivi Google Analytics ou Facebook dans votre conteneur Web GTM.

3. Envoyez les données requises du conteneur GTM Web vers le conteneur Serveur. Il existe deux façons d'envoyer des données vers GTM Server :

– En utilisant la configuration server-side de GA4.

– Avec Data Tag et Data Client. Nous recommandons d'utiliser Data Tag/Data Client car Data Tag dispose d'une fonctionnalité intégrée pour stocker les données utilisateur. Cela permettra de suivre les événements Klaviyo de manière plus précise en conservant l'e-mail de l'utilisateur. 

4. Ajoutez la balise Klaviyo au conteneur serveur à l'aide de la Template Gallery du serveur. 

5. Créez une nouvelle balise dans le conteneur serveur → Type de balise : Klaviyo.

6. Configurez la balise.

6.1 Type – sélectionnez dans la liste déroulante le type d'action que vous souhaitez suivre :

• Active on site – suivre l'activité d'un contact sur votre site web.
• Event – envoyer des événements et des paramètres.
• Add to list – ajouter un nouveau contact à Klaviyo.
• Create or update profile – créer un nouveau profil ou mettre à jour les informations d'un contact existant.

6.2 Private API Key – cette clé permet de lire les données de Klaviyo et de manipuler des objets sensibles, tels que les listes. Pour trouver votre Private API Key, veuillez consulter la documentation de Klaviyo sur la Private API Key. Ce paramètre sera requis quel que soit le type d'action sélectionné pour configurer la balise.

6.3 Email – ajoutez une variable contenant l'e-mail de l'utilisateur.

6.4 Klaviyo User ID – identifiant unique du profil de l'utilisateur, généré automatiquement par Klaviyo.

6.5 Event name (si l'action « Event » est sélectionnée) – spécifiez le type d'événement que vous souhaitez suivre. Dans la section précédente, nous avons listé les événements que vous pouvez suivre avec une balise.

6.6 List ID (si l'action « Add to list » est sélectionnée) – pour obtenir le List ID, veuillez vous référer à la documentation de Klaviyo sur le List ID.

6.7 Use Optimistic Scenario – si cette case est cochée, la balise appellera gtmOnSuccess() immédiatement sans attendre la réponse de l'API. Bien que cela accélère le temps de réponse de sGTM, votre balise indiquera toujours un déclenchement réussi, même si l'appel API échoue.

6.8 Store email in cookies – si l'e-mail est transmis, stockez-le dans un cookie et utilisez cette valeur enregistrée comme solution de repli lorsque l'e-mail est absent lors de l'événement en cours, de la création ou de la mise à jour du profil.

6.9 Ajoutez les propriétés d'événement/client (event/customer properties) que vous souhaitez envoyer.

Voici un exemple de configuration de balise :

7. Ajoutez un déclencheur. Dans notre cas, cette balise se déclenche sur un événement personnalisé add to cart, réclamé par Data Client. 

8. Testez l'événement que vous avez configuré. Vous devriez constater que la balise Klaviyo se déclenche dans le conteneur serveur et que l'événement a bien été associé au contact Klaviyo. 

Ce guide explique comment implémenter le suivi des événements Klaviyo via un conteneur GTM Server. Toutefois, GTM Server n'est pas le seul moyen d'envoyer des données Klaviyo depuis votre site web vers vos plateformes marketing.

Si vous choisissez d'autres solutions de tracking server-side, telles que Signals Gateway ou Conversions API Gateway (CAPIG), vous pouvez connecter Klaviyo sans avoir à concevoir et gérer un conteneur GTM Server. L'application gratuite Stape Conversion Tracking pour Klaviyo est une solution permettant d'envoyer les événements clients clés directement depuis votre CRM Klaviyo.

L'application transmet automatiquement les événements Klaviyo, tels que le clic sur un lien ou le désabonnement, à vos plateformes publicitaires et d'analytique connectées. Cela vous aide à exploiter plus efficacement les données clients first-party, à améliorer les performances de vos campagnes et à optimiser le ciblage de vos audiences.

Pour commencer à utiliser l'application, suivez la documentation de configuration étape par étape de l'application Stape Conversion Tracking pour Klaviyo.

La meilleure approche dépend de vos exigences techniques et de vos objectifs marketing. Voici un aperçu rapide des principales options :

• Signals Gateway – un moyen rapide et accessible aux débutants pour commencer à envoyer des données de conversion côté serveur. Idéal si vous devez transmettre des données depuis Klaviyo vers plusieurs plateformes différentes.
• CAPIG – une option pratique pour les entreprises qui ont principalement besoin de l'intégration de la Meta Conversions API. Elle se concentre sur l'envoi des événements de conversion à Meta et évite la complexité de gestion d'un environnement complet GTM Server.
• Server GTM – la solution la plus personnalisable pour tous les besoins de suivi. Elle vous offre un contrôle total sur le traitement des données. Elle vous permet de modifier les événements, d'ajouter des paramètres supplémentaires, de connecter plusieurs plateformes et de bâtir un système de tracking flexible.

Nul besoin de code personnalisé ni d'attendre la prochaine mise en production pour configurer le suivi des événements grâce à la balise Klaviyo pour Google Tag Manager Server-Side. Cette intégration vous permet de créer des flux avancés et des e-mails personnalisés, le tout de manière simple et rapide si vous maîtrisez déjà le tracking server-side !