Balisage côté serveur pour Shopify

Êtes-vous à la recherche d’un moyen simple et rapide de configurer le balisage côté serveur pour Shopify ? Ne cherchez pas plus loin que l’application Stape Conversion Tracking pour Shopify. Avec notre application, vous pouvez facilement insérer un script Web Google Tag Manager sur le site Web, configurer un domaine personnalisé et un Custom Loader, envoyer des données d’événement utilisateur et d’e-commerce à la couche de données et configurer des webhooks. Toutes ces fonctionnalités vous aideront à rendre le suivi plus précis en prolongeant la durée de vie des cookies, en rendant le suivi du navigateur résistant aux technologies de prévention du suivi et en envoyant des données fiables aux plateformes de publicité et de marketing via le point de terminaison du serveur.

Dans cet article de blog, nous découvrirons comment configurer et installer l’application Stape pour Shopify afin de vous permettre d’utiliser ces puissantes fonctionnalités sans délai.

Le balisage côté serveur peut accélérer le succès de vos campagnes marketing grâce à un suivi précis des conversions et à une analyse des utilisateurs. Cependant, pour en tirer pleinement parti, il faut une configuration minutieuse, ce que personne ne devrait négliger.

Pour rendre la mise en œuvre du balisage côté serveur aussi simple que possible, nous avons créé une application Shopify Server GTM. Cette application est gratuite et permet de configurer facilement le conteneur serveur Google Tag Manager pour la boutique Shopify. Mais tout d’abord, parlons des principaux avantages du balisage côté serveur pour les sites Shopify.

1. Meilleure précision des données. Le balisage côté serveur peut contribuer à garantir une collecte de données plus précise en réduisant le risque de perte de données ou d’erreurs causées par des bloqueurs de publicités, des extensions de navigateur ou d’autres facteurs côté client.

2. Attribution précise des conversions. Grâce à la durée de vie accrue des cookies et aux données utilisateur envoyées via le serveur, les réseaux d’annonceurs peuvent attribuer plus précisément les conversions aux campagnes marketing.

3. Amélioration des performances du site Web. Avec le balisage côté serveur, les balises sont chargées sur le serveur plutôt que côté client, ce qui réduit la quantité de code à charger sur le navigateur de l’utilisateur. Cela peut améliorer la vitesse de chargement du site Web, ce qui est crucial pour l’expérience utilisateur et le SEO.

4. Sécurité renforcée. Le balisage côté serveur peut contribuer à améliorer la sécurité du site Web en réduisant le risque de violation de données ou d’autres menaces de sécurité causées par des vulnérabilités côté client.

Développez l'élément ci-dessous pour accéder au guide détaillé.

L'application Stape's Conversion Tracking pour Shopify peut être installée gratuitement depuis la boutique Shopify.

L'onglet General regroupe tous les paramètres liés à l'insertion du snippet GTM sur l'ensemble des pages de votre boutique Shopify, de manière à le rendre résistant aux bloqueurs de publicités, à l'ITP et aux limitations de durée des cookies.

Cochez cette case si vous gérez plusieurs marchés Shopify. Cette fonctionnalité vous permet de configurer l'injection GTM séparément pour chaque marché. Si elle est désactivée, tous les marchés utilisent la configuration par défaut.

Une fois activée, les champs suivants apparaissent pour chaque marché :

Indiquez ici l'identifiant de votre conteneur web GTM.

Il est primordial d'utiliser votre propre sous-domaine pour que les cookies first-party fonctionnent correctement et que le tracking soit pleinement opérationnel. Si vous n'avez pas encore ajouté de sous-domaine à votre conteneur sGTM, suivez le guide sur les domaines personnalisés pour le faire.

Son utilisation est fortement recommandée pour renforcer la protection contre les bloqueurs de publicités.

Cochez la case correspondante et renseignez l'identifiant de votre conteneur Stape. Pour le trouver, connectez-vous à votre compte Stape, sélectionnez le conteneur sGTM et repérez l'identifiant du conteneur dans la section Settings.

Cette fonctionnalité vous permet de minimiser l'impact des dernières restrictions ITP. Avant de l'activer via l'application, assurez-vous de l'avoir activée dans Stape sur votre conteneur. Pour configurer Cookie Keeper, cliquez sur l'élément déroulant et suivez les instructions :

Vous pouvez y récupérer le snippet GTM pour l'installer sur des pages qui sont en dehors de votre thème Shopify (comme les pages créées par des applications tierces telles que Zipify).

L'onglet Data Layer vous permet d'activer et de configurer les événements de couche de données. La deuxième zone vous permet de contrôler si les noms d'événements reçoivent le suffixe _stape  afin d'éviter les conflits dans GTM. Si cette option est désactivée, les événements conservent leurs noms d'origine.

Vous y trouverez la liste complète des événements et leurs données associées, ajoutés via l'application Stape.

Activation de la Data layer :

Dans la section Customer privacy, sous le menu déroulant des autorisations, veillez à sélectionner Not required. Le snippet de code se contente de générer la couche de données ; il ne dépose aucun cookie et ne transmet aucune donnée à des tiers.

L'onglet Data Layer propose également l'option Log events to console (Dev), un outil de débogage à destination des développeurs et des administrateurs de boutiques. Lorsqu'elle est activée, elle enregistre les événements e-commerce dans la console du navigateur, affiche les données des événements envoyés au conteneur serveur GTM/Stape pour vérification, et facilite le débogage des couches de données.

Cette option est réservée au développement et doit être désactivée en production afin d'éviter des journaux inutiles dans la console.

Les événements webhook sont configurés dans l'onglet Webhook.

Cet onglet permet de configurer les événements webhook.

Pour activer un webhook, cochez la case correspondante, renseignez l'URL du conteneur serveur GTM et le /path vers lequel les webhooks doivent être envoyés.

Vous pouvez vous abonner aux webhooks lors de la création d'une nouvelle commande ou lors d'un remboursement.

Quelques articles de blog utiles sur l'utilisation et le débogage des webhooks :

Il vous permet de remplir et de mettre à jour automatiquement les listes Customer Match dans Google Ads.

Ignorez la configuration de cet onglet si vous ne diffusez pas de campagnes Google Ads ou n'utilisez pas de listes Customer Match.

Les deux méthodes les plus courantes sont :

La plupart des outils marketing et analytiques populaires prennent déjà en charge le tagging côté serveur et disposent de tags pour sGTM. Vous trouverez des guides de mise en œuvre sur notre site, notamment pour Facebook CAPI, TikTok Events API, Snapchat Conversions API, le tracking côté serveur Google Ads, etc.

Débogage du chargement GTM

Après l'activation ou toute modification, il est recommandé de vérifier que votre conteneur est bien chargé sur le site.

Pour ce faire, rendez-vous sur n'importe quelle page de votre site, ouvrez la console de votre navigateur et, dans l'onglet réseau, filtrez par l'URL de votre sous-domaine ou de votre serveur de tagging. Vous devriez voir une requête similaire à la capture d'écran ci-dessous avec un code de réponse 200.

Débogage des événements de la couche de données au checkout

Pour les événements survenant avant la page de checkout, tout fonctionne comme sur n'importe quelle autre plateforme : vous pouvez lancer le mode prévisualisation de votre conteneur web GTM et retrouver tous les événements.

Les événements de checkout ne s'affichent pas dans GTM Preview en raison de l'environnement isolé de ces pages, qui bloque toute manipulation du DOM et toute injection de script non restreinte, y compris le snippet GTM.

Vous pouvez toutefois insérer manuellement le snippet sur la page de checkout à l'aide de l'extension Chrome Stape GTM Helper :

Les événements de la page de checkout s'afficheront désormais dans GTM Preview.

Les possibilités de balisage côté serveur se développent rapidement, offrant à l’utilisateur un excellent outil pour améliorer la précision du suivi et de l’analyse des conversions. De plus, Stape s’évertue à simplifier l’utilisation de sGTM pour nos clients. C’est pourquoi nous lançons l’application Conversion Tracking pour Shopify.

Le Stape Conversion Tracking pour Shopify est un outil fantastique doté de nombreuses fonctionnalités et avantages. Par exemple, vous pouvez facilement configurer le suivi sur votre site Web en ajoutant un script Google Tag Manager et en configurant votre domaine personnalisé et votre Custom Loader. De plus, vous pouvez envoyer des données utilisateur à la couche de données et configurer des webhooks.

Toutes ces fonctionnalités contribuent à rendre les données d’analyse plus précises en prolongeant la durée de vie des cookies et en rendant le suivi du navigateur résistant aux technologies de prévention du suivi. Ces outils sont essentiels pour une transmission fiable des données via le point de terminaison du serveur vers les plateformes de publicité et de marketing.

Si vous recherchez une solution rapide et simple pour configurer le balisage côté serveur Shopify, Stape est la solution qu’il vous faut. Profitez dès aujourd’hui de cette excellente solution et bénéficiez d’informations de suivi plus précises avec l’application Stape Conversion Tracking pour Shopify. Testez-la dès maintenant. Nous savons que vous ne serez pas déçu !