SignalHost pour Shopify : un suivi côté serveur de la première page vue jusqu’à l’achat

• Une boutique Shopify dotée d’une boutique en ligne. L’application fonctionne sur sa vitrine et dans le paiement de Shopify.
• Un compte SignalHost. L’offre gratuite suffit pour essayer : 10 000 requêtes par mois et un conteneur. Vous pouvez créer le compte pendant la connexion.
• L’autorisation d’installer des applications dans votre interface administrateur Shopify.

Ouvrez SignalHost: Server Tag Manager dans le Shopify App Store et installez-la. L’application ne demande que deux autorisations à Shopify : gérer les pixels web et lire les événements clients. Elle ne demande aucun accès à votre thème ni aux données de vos clients. Une fois installée, elle s’ouvre dans votre interface administrateur Shopify, sous Applications.

La page de l’application propose « Connecter à SignalHost » et, si vous débutez, « Créer un compte gratuit ». L’un comme l’autre ouvre signalhost.io dans un nouvel onglet ; connectez-vous ou inscrivez-vous là-bas.

L’écran suivant indique ce que l’application pourra faire — ajouter votre code de suivi sur chaque page de votre boutique, envoyer ses événements de panier et de paiement au conteneur, et lire l’état du conteneur — et ce qu’elle ne pourra pas faire : lire les coordonnées de vos clients, utiliser votre compte Google ou consulter votre facturation. Il vous demande ensuite quel conteneur la boutique doit utiliser. Un conteneur est votre propre serveur de tagging : un conteneur web et un conteneur serveur Tag Manager, construits dans votre propre compte Google, si bien qu’ils restent à vous.

Choisissez-en un et cliquez sur « Connecter », ou choisissez « Nouveau conteneur pour … » suivi du nom de votre boutique, puis cliquez sur « Créer le conteneur » pour passer par le court assistant. De retour dans Shopify, la page de l’application se met à jour d’elle-même. Si elle affiche « Confirmer la connexion », vérifiez le compte et le conteneur qu’elle nomme, puis cliquez sur le bouton « Confirmer la connexion ».

Il n’y a aucun code à coller, aucun thème à modifier et rien à publier. Dès que la boutique est liée, SignalHost crée le pixel web de l’application et lui donne votre adresse de tagging ainsi que l’ID de mesure Google Analytics 4 de votre conteneur. Shopify l’exécute sur chaque page de la vitrine et dans son paiement. L’application affiche « Presque prêt » pendant la construction d’un nouveau conteneur, puis « Le suivi est actif ».

Ouvrez votre boutique dans un nouvel onglet, acceptez la bannière de cookies, consultez un produit, ajoutez-le au panier et commencez le paiement. De retour dans l’application, « 7 derniers jours » compte en quelques minutes les « Pages vues », « Ajouts au panier », « Paiements commencés » et « Achats » ; « Actualiser l’état » lit l’état le plus récent.

« Ouvrir les statistiques et les paramètres » ouvre votre conteneur sur signalhost.io, où, à partir de l’offre Growth, « Suivi des événements en direct » liste chaque événement à son arrivée, avec son pays, son navigateur et son état de consentement.

Shopify transmet ses propres événements clients au pixel, et le pixel les transforme en événements Google Analytics 4 :

• page_view, sur les pages de la vitrine et du paiement
• view_item, view_item_list et search
• add_to_cart, remove_from_cart et view_cart
• begin_checkout, add_shipping_info et add_payment_info
• purchase, avec la valeur, les taxes, la livraison et les codes de réduction

Le pixel utilise les cookies Google Analytics du visiteur, si bien qu’un événement de paiement appartient au même visiteur et à la même session que la page produit qui le précède. Chaque requête quitte le navigateur sous une forme que les bloqueurs de publicité ne reconnaissent pas, et votre serveur de tagging la transmet à Google Analytics 4 et aux plateformes publicitaires que vous configurez sur la page du conteneur : Google Ads, Meta, TikTok et d’autres.

Shopify n’exécute le pixel que lorsque le choix de confidentialité du visiteur autorise l’analyse : c’est donc la bannière de cookies de Shopify qui décide qui est compté ; le choix publicitaire accompagne chaque événement, si bien que votre conteneur serveur peut ne pas transmettre certains événements aux plateformes publicitaires. L’application ne lit jamais les coordonnées de vos clients.

Le pixel envoie ses événements lui-même et ne charge pas votre conteneur web Tag Manager. Vous n’avez besoin de ce conteneur sur la vitrine que s’il contient ses propres balises, comme un outil de cartes de chaleur ou le suivi des défilements et des clics de GA4. Ouvrez alors « Facultatif : charger votre propre conteneur Tag Manager sur chaque page » dans l’application et cliquez sur « Activer dans l’éditeur de thème » ; l’éditeur de thème de Shopify s’ouvre avec SignalHost activé, et le réglage prend effet lorsque vous y cliquez sur Enregistrer.

Votre conteneur Tag Manager envoie alors les pages vues sur les pages de la vitrine, et le pixel les y laisse de côté, si bien que rien n’est compté deux fois. Le réglage de l’intégration « Use Shopify's cookie banner for Google Consent Mode » fait attendre aux balises la réponse du visiteur ; ne le désactivez que si une autre application définit déjà Google Consent Mode.

Votre conteneur démarre sur une adresse sous signalhost.io. Avec une offre payante, « Configurer votre propre domaine » sur la page du conteneur vous guide pas à pas vers un sous-domaine du domaine de votre boutique, comme metrics.votreboutique.com, avec un seul enregistrement DNS. Les navigateurs le traitent comme first-party : ses cookies comptent comme les vôtres et les clics sur vos annonces restent attribués. Une fois qu’il est en ligne, l’application y bascule votre vitrine et votre paiement en quelques minutes. Il n’y a rien à remplacer à la main.

Vous pouvez installer SignalHost sur une boutique Shopify sans l’application. Sur signalhost.io, ouvrez votre conteneur, trouvez l’extrait dans la carte « Installer sur votre site » et cliquez sur « Copier ». Puis, dans Shopify, allez dans Boutique en ligne › Thèmes › ⋯ › Modifier le code, ouvrez theme.liquid et collez l’extrait juste après la balise d’ouverture head. Si votre thème charge déjà Google Tag Manager ou une balise Google pour la même propriété Analytics, remplacez cet extrait au lieu d’en ajouter un second. Enregistrez, visitez votre boutique et cliquez sur « C’est fait » sur la page du conteneur.

Cela charge votre conteneur Tag Manager sur les pages de votre thème, avec les pages vues et tout ce que votre thème pousse lui-même dans le dataLayer. Il manque ce que le pixel ajoute : le paiement de Shopify n’exécute aucun code du thème, si bien que les étapes du paiement et l’achat n’atteignent jamais un extrait placé dans theme.liquid, et les événements de produit et de panier viennent eux aussi du pixel. Quand votre propre domaine est en ligne, c’est à vous de remplacer l’extrait. Si vous installez l’application plus tard, retirez d’abord l’extrait, sinon chaque page vue est comptée deux fois.

Une boutique connectée via l’application paie SignalHost par l’intermédiaire de Shopify. « Offres et facturation », sur la page de l’application, ouvre la page de Shopify où vous choisissez ou changez votre offre, et le montant apparaît sur votre facture Shopify. Une fois connectée, l’application affiche aussi les requêtes de ce mois par rapport à la limite de votre offre.

Un compte n’a qu’un seul payeur. Si votre compte SignalHost paie déjà par carte, ou si une autre boutique Shopify paie pour lui, l’application l’indique et l’offre de cette boutique n’est pas utilisée ; résiliez l’une des deux pour ne pas payer deux fois.

« Déconnecter » se trouve au bas de la page de l’application et demande un second clic. SignalHost retire alors le pixel de l’application et les valeurs que lit l’intégration au thème, et cesse de se charger sur votre boutique en quelques minutes. Votre conteneur et ses statistiques restent, et « Connecter à SignalHost » relie de nouveau la boutique. Paramètres › Sites connectés, sur signalhost.io, liste aussi la boutique.

Si vous désinstallez plutôt l’application dans Shopify, SignalHost marque la boutique comme déconnectée, et une offre payée via Shopify prend fin avec l’application : votre compte revient à l’offre gratuite.

• L’application reste sur « Presque prêt » : un nouveau conteneur est encore en construction, ce qui prend quelques minutes. Si sa construction a échoué, ouvrez le conteneur pour en voir la raison.
• L’application indique que votre conteneur n’a pas encore de propriété Google Analytics : ouvrez le conteneur et ajoutez-en une. D’ici là, le pixel n’a nulle part où envoyer les données.
• « 7 derniers jours » reste à zéro : ouvrez la boutique en ligne et acceptez la bannière de cookies. Shopify n’exécute le pixel que pour les visiteurs dont le choix de confidentialité autorise l’analyse.
• Avec l’intégration au thème activée, l’application indique que le code de suivi figure deux fois ou qu’une ancienne copie se trouve encore dans votre thème : retirez l’extrait que vous aviez collé auparavant dans theme.liquid.
• Vous avez atteint la limite de votre offre : les nouveaux événements ne sont plus enregistrés jusqu’à la date indiquée par l’application, sauf si vous passez à une offre supérieure.
• Pour tout le reste : écrivez à hello@signalhost.io en indiquant l’adresse de votre boutique.

SignalHost est un produit indépendant d’Algorithmo GmbH ; il n’est ni affilié à Shopify, à Google, à Meta ou à TikTok, ni approuvé par eux. Google Analytics, Google Ads et Google Tag Manager sont des marques de Google LLC ; Meta est une marque de Meta Platforms, Inc. ; TikTok est une marque de ByteDance Ltd. ; Shopify est une marque de Shopify Inc.