Google Analytics 4 côté serveur pour Shopify

Google Analytics 4 sera un standard de l'industrie pour l'analyse Web dans les prochains mois puisque Google met fin à Universal Analytics. Donc, si vous aviez prévu d'implémenter GA4 sur votre boutique Shopify, la configuration côté serveur de Google Analytics 4 pourrait être un excellent choix car le suivi côté serveur est plus adapté aux restrictions de suivi modernes.

Google Analytics 4 côté serveur aidera à suivre plus précisément le comportement des utilisateurs et, par conséquent, à prendre de meilleures décisions pour améliorer votre expérience client et le succès de votre e-commerce.

Cet article de blog vous guidera dans la configuration de Google Analytics 4 côté serveur à l'aide de l'application GTM du serveur Stape.

Comprendre les avantages de l'utilisation de côté serveur Google Analytics 4Copier le lien vers cette section

Google cessera de prendre en charge Universal Analytics à partir du 1er juillet 2023. Par conséquent, tous les utilisateurs seront obligés de passer à une version plus récente - Google Analytics 4.

Google a déjà commencé à convertir automatiquement les propriétés GA3 (ou Universal Analytics) en GA4, obligeant ses clients à commencer à adapter GA4.

La différence entre les nouvelles et les anciennes versions de Google Analytics est énorme car Universal Analytics est basé sur les sessions, tandis que Google Analytics est basé sur les événements. Et actuellement, les retours des utilisateurs qui ont commencé à implémenter GA4 pourraient être meilleurs puisque le produit est relativement nouveau, ce qui signifie qu'il a besoin de certaines fonctionnalités et qu’il a quelques bogues.

Avec la nouvelle version de Google Analytics, un autre changement majeur dans le monde du suivi est le suivi côté serveur. Google Analytics 4 (GA4) côté serveur présente plusieurs avantages par rapport au suivi traditionnel côté client.

Voici quelques principaux avantages du suivi côté serveur:

1. Amélioration de la précision des données : le suivi côté serveur garantit que les données sont collectées et traitées. Il élimine les écarts causés par les bloqueurs de publicités, les scripts côté client et d'autres problèmes de surveillance.
2. Meilleure confidentialité des utilisateurs : le suivi côté serveur vous permet de préserver la confidentialité des utilisateurs, de protéger les informations personnelles identifiables (PII) des utilisateurs et de respecter les réglementations en matière de confidentialité telles que RGPD et CCPA.
3. Avec le suivi côté serveur, vous avez un meilleur contrôle sur les données que vouscollectez et sur la façon dont vous les utilisez. Par exemple, les flux de données personnalisés peuvent suivre des événements spécifiques, le comportement des utilisateurs et d'autres points de données.
4. Intégration avec d'autres sources de données : le suivi côté serveur peut être intégré à d'autres sources de données, telles que les systèmes de gestion de la relation client (CRM), pour créer une vue complète du comportement des utilisateurs et améliorer les informations analytiques.

Dans l'ensemble, Google Analytics 4 côté serveur offre des options de suivi plus précises, sécurisées et personnalisables qui peuvent vous aider à améliorer vos analyses et à prendre de meilleures décisions commerciales.

Configuration de l'application GTM du serveur Stape pour ShopifyCopier le lien vers cette section

La première étape lors de la configuration de Google Analytics 4 pour Shopify consiste à configurer le conteneur du serveur Google Tag Manager et à installer l'application Stape Server GTM. Notre application aide à : 

• Ajoutez le script Web Google Tag Manager à toutes les pages du site Web.
• Ajoutez un domaine personnalisé au script GTM.
• Configurez un chargeur personnalisé (pour les utilisateurs de Stape uniquement).
• Envoyez des données d'événement à la couche de données Web GTM.
• Envoyez les données utilisateur à la couche de données Web GTM.
• Envoyez des webhooks d'achat et de remboursement au serveur GTM.

1. Ajoutez l'application Stape Server GTM.

2. Cochez la case Insérer un extrait GTM (Insert GTM snippet). Lorsqu'elle est activée, l'application ajoute un script Web Google Tag Manager à chaque page de site Web.

Procédez à la configuration suivante :

• Ajoutez l'identifiant de WEB Google Tag manager.
• Ajoutez un domaine personnalisé que vous utilisez pour le conteneur du serveur GTM. Pour les utilisateurs de Stape, il peut s'agir d'un sous-domaine du domaine stape.io ou d'un sous-domaine du domaine de votre site. Nous vous recommandons d'utiliser un domaine personnalisé dans la même hiérarchie que votre site puisque vous pourrez définir des cookies propriétaires dans ce cas. Suivez ce guide pour trouver ou configurer un domaine personnalisé sur Stape.

Une fois cela fait, un script Web GTM sera ajouté à toutes les pages de la boutique Shopify, le conteneur du serveur GTM sera configuré et vous utiliserez un domaine personnalisé et un chargeur personnalisé si vous les avez configurés. 

3. Dans le deuxième onglet de l'application Stape Server GTM, vous pouvez la configurer pour envoyer des événements de commerce électronique et des données utilisateur à la couche de données (Data Layer). Malheureusement, l'application ne peut pas envoyer d'événements de commerce électronique à la caisse puisque Shopify n'autorise pas l'accès à la caisse.

La liste des événements e-commerce:

• Collection View
• View Item
• Add to cart
• Begin Checkout
• Add payment info
• Purchase

Données de l'utilisateur:

• Email
• First name
• Last name
• Customer ID

4. Dans le troisième onglet, vous pouvez configurer l'application pour envoyer des webhooks d'achat et de remboursement au conteneur du serveur GTM. L'utilisation de webhooks est un excellent moyen de configurer un suivi pur côté serveur sans s'appuyer sur des scripts Web, des couches de données, etc. Par exemple, vous pouvez suivre les achats côté serveur par rapport au Web en parallèle. Consultez ce guide pour des informations plus détaillées sur la configuration des webhooks dans sGTM.

C'est tout avec la configuration de l'application Stape pour Shopify et des serveurs cloud pour sGTM. Passons maintenant à la configuration de Google Analytics 4 pour Shopify.

Google Analytics 4 côté serveur pour ShopifyCopier le lien vers cette section

1. La principale caractéristique du balisage côté serveur est la mise en place de cookies de première partie. Vous devez utiliser une URL de serveur de balisage personnalisée pour activer cette fonctionnalité. L'URL du serveur de balisage personnalisé ou le domaine personnalisé doit partager le même domaine que votre site web. Par exemple, si le domaine de votre site web est example.com, l'URL du serveur de balisage doit ressembler à ss.example.com.

Si vous souhaitez ajouter un domaine personnalisé, ouvrez le conteneur sGTM sur stape, faites défiler jusqu'à la section domaines, tapez le nom de domaine, et cliquez sur Ajouter un domaine. Une fois cela fait, vous verrez les enregistrements DNS que vous devez ajouter.

Vous trouverez ci-dessous un exemple de configuration DNS pour CloudFlare.

1.2. Retournez dans le conteneur Google Tag Manager Server -> Choisissez votre conteneur de serveur -> Admin -> paramètres du conteneur -> coller l'URL du serveur de balisage.

La mise à jour du script Web GTM sur votre site web est fortement recommandée si vous utilisez un domaine personnalisé. Cette modification fera en sorte que gtm.js se charge à partir de votre domaine. Pour ce faire, remplacez le domaine par défaut googletagmanager.com par le domaine personnalisé que vous avez configuré à l'étape précédente.

1.3. 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.

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.

1.4. 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.

1.5. 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.

2. Configurez un événement page vue.

3. Configurez des événements de commerce électronique. Pour vous assurer que les événements de commerce électronique, les produits et les données utilisateur sont correctement configurés, ouvrez un conteneur GTM Web et vérifiez la couche de données pour chaque événement de commerce électronique. Par exemple, vous devrez peut-être configurer une variable de couche de données pour un événement ou des données utilisateur que vous devez envoyer à GA4.

Vous devez créer des déclencheurs personnalisés pour chaque événement de commerce électronique en fonction de l'événement de la couche de données.

Vous trouverez ci-dessous un exemple de balise et de déclencheur pour l'événement Ajouter au panier. Le processus de configuration de tous les autres événements de commerce électronique est pareil.

4. Ouvrez le conteneur de serveur Google Tag Manager. Ajoutez le client Google Analytics 4 ou assurez-vous qu'il en est un.

5. Dans le conteneur du serveur GTM, créez une balise GA4. Ajoutez votre ID GA4, définissez le nom de l'événement et déclenchez. Dans mon exemple, un événement est variable et la balise côté serveur GA4 se déclenche chaque fois que GA4 revendique une demande.

C'est tout avec la configuration côté serveur de Google Analytics 4 pour Shopify. Passons ensuite aux tests et au problèmes de la configuration.

Vérifiez que la configuration est complète et correcteCopier le lien vers cette section

1. Ouvrez le débogueur de conteneurs Web et serveur GTM et cliquez sur votre site. Dans le conteneur Web GTM, vous devriez voir que les balises GA4 se déclenchent ; dans le conteneur du serveur GTM, vous devriez voir les requêtes GA4 revendiquées par les balises GA4.

Si vous ne voyez pas de requêtes GA4 dans le sGTM, vérifiez que vous avez correctement ajouté l'URL du serveur de balisage dans la balise de configuration GA4 dans le conteneur Web GTM.

Vous pouvez également ouvrir la console du site Web et vérifier les demandes GA4. Le scénario correct est lorsque GA4 vous envoie des demandes en balisant l'URL du serveur. Vous pouvez le vérifier en filtrant les demandes par ID GA4 dans l'onglet réseau et en vous assurant que l'URL de la demande contient l'URL de votre serveur de balisage.

2. Une autre méthode consiste à ouvrir le débogueur GA4 et à vérifier les événements et les données utilisateur que GA4 voit.

Si les débogueurs Web + Server GTM et Google Analytics 4 affichent des données correctes, publiez la configuration.

Conclusion:Copier le lien vers cette section

La mise en œuvre de Google Analytics 4 côté serveur pour Shopify est une méthode efficace pour améliorer la présence en ligne de votre entreprise. Il offre de nombreuses fonctionnalités intéressantes qui vous permettent de comprendre et de suivre plus précisément le comportement des utilisateurs.

Avec cet article de blog, la configuration de la connexion entre Google Analytics 4 et Shopify via l'application de serveur GTM peut être rapidement réalisée. Les quelques étapes simples décrites ici rendent ce processus à la fois simple et efficace.

Cela vous permettra de profiter de tous ses avantages avec un minimum d'effort. Alors pourquoi attendre ? Commencez à optimiser votre boutique dès aujourd'hui - n'hésitez pas à nous contacter si vous avez besoin d'aide pour comprendre ou mettre en œuvre comment configurer Google Analytics 4 côté serveur pour Shopify à l'aide de l'application de serveur GTM.