Stape
Rechercher
Essayer gratuitement

Module PrestaShop pour le serveur Google Tag Manager

Mis à jour
23 déc. 2024
Publié
9 oct. 2024
Egalement disponible

PrestaShop gagne en popularité grâce à sa grande flexibilité et à sa personnalisation élevée lors de la création d’une boutique en ligne. Si vous cherchez une solution pour configurer un suivi côté serveur pour votre site web, vous pouvez considérer la solution développée par Stape: module PrestaShop pour serveur GTM.

Dans cet article, nous examinons la solution, décrivons ses avantages, expliquons comment la configurer et tester la configuration du module.

Avantages du module PrestaShop pour le serveur GTM

Le module PrestaShop a été principalement créé pour le suivi côté serveur. Cependant, il ajoute également de façon automatique un snippet GTM web à chaque page de votre boutique en ligne.

Pour les utilisateurs côté serveur, l’utilisation du module PrestaShop vous fera bénéficier des avantages suivants:

  • Rendre les scripts de suivi (GTM, snippets Google Analytics) résistants aux bloqueurs de publicité.
  • Enrichir le DataLayer avec des données sur les produits et les utilisateurs.
  • Envoyer des webhooks au serveur GTM.

Pourquoi choisir le module de suivi côté serveur de Stape pour PrestaShop?

En plus des avantages ci-dessus, si vous êtes enregistré en tant qu’utilisateur de Stape, vous pouvez également utiliser Cookie Keeper, qui permet d’éviter les restrictions des navigateurs (comme l’ITP de Safari) et de prolonger la durée de vie des cookies.

Vous pouvez également utiliser les nombreux power-ups développés par Stape et disponibles gratuitement. Les power-ups aident à rendre l’expérience côté serveur aussi fluide que possible. Parmi les plus populaires, citons :

  • Custom GTM and GA4 Loader - ils rendent les scripts GTM et GA4 plus résistants aux bloqueurs de publicité.
  • Anonymizer - il supprime ou rend anonyme les données des utilisateurs dans GA4.
  • Stape Store - une base de données intégrée qui vous permet d’écrire, de lire et de synchroniser des données dans Google Tag Manager côté serveur.

La configuration du module PrestaShop pour le serveur GTM

1. Configurez un conteneur de serveur GTM et hébergez-le dans Stape.

2. Pour commencer l’installation, vous devez acheter le module sur la plateforme PrestaShop.

PrestaShop module on the marketplace

3. Configurez les paramètres dans 3 onglets: paramètres généraux, dataLayers, et Webhooks.

3.1 Onglet paramètres généraux

Cet onglet contient toutes les options pour configurer l’installation du snippet GTM sur chaque page de votre site PrestaShop.

Ajoutez les données suivantes:

  • Insérer le snippet GTM: Activez ce champ pour ajouter le snippet GTM à chaque page de votre boutique PrestaShop. Ajoutez l’identifiant du conteneur web GTM (vous le trouverez dans votre compte GTM dans l’onglet «Comptes»). Le format doit être le suivant : GTM-XXXXXXX.
  • URL du conteneur de serveur GTM: Utilisez le sous-domaine que vous avez créé pour le suivi côté serveur.
Si vous n’avez pas de sous-domaine, suivez les instructions pour ajouter un domaine personnalisé au conteneur sGTM.
  • Identifiant du conteneur Stape: ce paramètre est facultatif, mais nous recommandons vivement de l’ajouter car il augmente la protection contre les bloqueurs. Vous trouverez l’identifiant du conteneur dans la section Conteneur dans l’interface d’administration de Stape. Pour des instructions plus détaillées, suivez le guide de Stape sur la façon de trouver l’identifiant du conteneur Stape.
  • Cookie Keeper: egalement facultatif. Si vous l’activez, vous minimiserez l’impact des restrictions ITP de Safari.
Example of General Settings Tab in PrestaShop module

3.2 Onglet dataLayer

Dans cet onglet, vous trouverez des boutons qui activent les événements dataLayer. Avec leur aide, vous pouvez enrichir les données en ajoutant des informations sur les produits et les utilisateurs.

Voir la liste des événements que le module va pousser:

  • view_collection
  • view_item
  • add_to_cart
  • view_cart
  • remove_from_cart
  • begin_checkout
  • add_shipping_info
  • add_payment_info
  • purchase
dataLayer events in PrestaShop module

3.3 Onglet Webhooks

!

Remarque:

Une limitation de l’utilisation des webhooks dans PrestaShop est qu’ils n’incluent aucune donnée de cookie, ce qui est essentiel pour le suivi quel que soit le type de plateforme. Par conséquent, l’utilisation des événements webhook ne doit être envisagée qu’en dernier recours, dans le cas où vous n’êtes pas en mesure de suivre les données en ligne par d’autres moyens.

Ici, vous pouvez configurer les webhooks pour qu’ils soient envoyés à une URL spécifique pour différents événements, tels que les achats et/ou les remboursements.

Pour activer la configuration des webhooks, activez l’option «Envoyer des webhooks au conteneur de serveur GTM». Vous devez ensuite ajouter l’URL de votre conteneur de serveur (format: https://gtm.example.com/data).

Activez les champs en fonction du type d’événement: achat et/ou remboursement.

Consultez les articles de blog sur l’utilisation et le débogage des webhooks:

Cliquez sur «Enregistrer».

Webhook configuration in PrestaShop module

4. Envoyez les données au conteneur de serveur Google Tag Manager. Les deux méthodes les plus courantes à cette fin sont les suivantes:

5. Configurez le suivi dans le conteneur de serveur Google Tag Manager.

La plupart des principaux outils de marketing et d’analyse prennent déjà en charge le balisage côté serveur et incluent des balises pour sGTM.

Vous pouvez utiliser les modèles prédéfinis pour PrestaShop qui simplifieront le processus de configuration pour Meta, GA4, et Google Ads. Découvrez comment configurer les modèles dans notre article.

Vous pouvez également trouver des guides sur la manière d’implémenter le suivi des événements côté serveur:

En outre, vous pouvez améliorer les données sGTM avec Firestore ou Google Sheets. Une autre caractéristique utile de sGTM est sa capacité à envoyer les conversions hors ligne vers Facebook et AdWords.

Tester la configuration du module PrestaShop

Vérifier la configuration sur le site web

Pour vérifier votre configuration, visitez n’importe quelle page du site web et ouvrez la console de votre navigateur. Allez dans l’onglet Réseau et recherchez votre sous-domaine. Si vous trouvez une requête avec un code de statut 200, cela signifie que la configuration fonctionne correctement.

Check custom domain on the website

Déboguer les événements déclenchés dans GTM

Le débogage dans GTM pour le site web PrestaShop fonctionne de la même manière que pour toute autre plateforme. Pour vérifier si les événements que vous avez configurés dans dataLayer sont déclenchés, vous devez lancer un aperçu dans le conteneur web GTM et effectuer les actions requises (par exemple, ajouter un article au panier) sur le site web et vérifier si les balises se sont déclenchées dans GTM.

GTM preview

En résumé

Le suivi côté serveur offre des avantages significatifs pour la collecte de données en garantissant un suivi plus précis. Stape a développé le module PrestaShop pour rationaliser l’utilisation de sGTM.

Ce module vous permet de contourner les bloqueurs de publicité et les restrictions imposées par les navigateurs, d’envoyer des webhooks à partir de boutiques hors ligne et d’enrichir les données avec des données sur les achats et les utilisateurs. 

Si vous avez besoin d’un moyen rapide et simple pour implémenter le suivi côté serveur pour votre site PrestaShop, le module de Stape est une solution parfaite. Nous offrons un support à nos utilisateurs au cas où ils rencontreraient des problèmes avec la configuration du module.

Essayez Stape pour tout ce qui concerne le côté serveurmaintenant!