Analyse approfondie : Suivi personnalisé avec GTM sur ZenchefOS

Dans cet article, vous apprendrez quand utiliser Google Tag Manager (GTM) avec Zenchef, comment le connecter correctement, et comment mapper les événements Zenchef à vos outils d’analyse et de publicité tout en restant conforme au RGPD.

 

Résumé 

  1. Pourquoi et quand choisir Google Tag Manager

  2. Créer & connecter votre conteneur GTM (une seule fois)

  3. Référence data-layer & déclencheurs (v‑2025‑04)

  4. Mapper les événements à vos plateformes d’analyse & publicitaires

  5. Tester avant la mise en production 

  6. Gestion du cross-domain & perte des UTM

  7. Consentement & RGPD

  8. Liste de contrôle pour le dépannage

  9. Questions avancées & Réponses

  10. Récapitulatif des bonnes pratiques

 

1. Pourquoi et quand choisir Google Tag Manager

Utilisez GTM lorsque vous avez besoin de configurations multi-pixels, d’outils A/B testing, de gestionnaires de consentement, de tagging côté serveur ou de toute modification de suivi sans développeur.

Si vous avez seulement besoin de statistiques de trafic basiques, charger GA4 directement via le champ Zenchef suffit.

Google Tag Manager peut alors devenir l’endroit unique où vous chargez les différentes configurations de pixels et distribuez chaque événement (standard ou personnalisé).

 

2. Créer & connecter votre conteneur GTM (une seule fois)

Étape Action Pourquoi
2.1 Dans tagmanager.google.com → Créer un compte (ou Admin → + Créer un conteneur). Choisissez Web. Les conteneurs Mobile/App ne peuvent pas recevoir les événements du widget Zenchef.
2.2 Publiez un conteneur vide et notez l’ID GTM-XXXXXXX affiché dans l’en-tête. Seuls les conteneurs publiés reçoivent des données en direct.
2.3 Dans Zenchef Back-Office → Paramètres → Partenaires → Mesure d’audience, collez l’ID GTM dans le champ Code Google Tag Manager, puis Enregistrer. Zenchef injecte le script GTM sur toutes les pages & widgets Zensite — pas de code manuel.

Plusieurs restaurants ? Utilisez le même ID GTM partout ; la data layer inclut toujours restaurant_id, vous pouvez donc filtrer par établissement plus tard.

 

3. Référence data-layer & déclencheurs (v‑2025‑04)

Notre implémentation Analytics fournit des métriques et dimensions personnalisées. En savoir plus sur les métriques et dimensions


 

4. Mapper les événements à vos plateformes d’analyse & publicitaires

  • GA4 — Créez une balise Événement GA4 pour chaque déclencheur.

    – Définissez le Nom de l’événement = nom du déclencheur ou mappez aux noms e-commerce recommandés par Google (zenchef.booking_createdpurchase).

    – Ajoutez les paramètres d’événement exactement comme listé en §4 pour les exposer dans les rapports.

  • Meta / TikTok / Pinterest — Utilisez le même déclencheur GTM pour lancer leurs événements équivalents (ex. “Purchase”). Une action widget = un hit dans tous les outils.

 

5. Tester avant la mise en production ⚙️

  1. Cliquez sur Aperçu dans GTM, saisissez l’URL de votre Zensite, ouvrez le widget de réservation.

  2. Dans Tag Assistant, passez à Data Layer : les événements du §4 doivent apparaître avec les bonnes clés.

  3. Validez que les balises se déclenchent, puis Soumettre → Publier. Les données apparaissent en quelques secondes dans GA4 en temps réel.

 

6. Gestion du cross-domain & perte des UTM

Le widget de réservation peut s’ouvrir sur un domaine Zenchef, ce qui supprime vos UTM. Solution :

<script>
function getUTM(){const q=new URLSearchParams(location.search);
 return ['utm_source','utm_medium','utm_campaign'].reduce((o,k)=>(q.get(k)?o[k]=q.get(k):0,o),{});
}
function patchLinks(){const u=getUTM();
 document.querySelectorAll('a').forEach(a=>{if(Object.keys(u).length&&a.hostname!==location.hostname){const n=new URL(a.href);n.search ||= new URLSearchParams(u).toString();a.href=n;}});
}
window.addEventListener('load',patchLinks);
</script>

Ajoutez avant GTM pour que chaque lien sortant conserve les UTM.

 

7. Consentement & RGPD

  • Zenchef anonymise les IP mais ne collecte pas le consentement.

  • Déployez un CMP (ex. Axeptio) via GTM avant toute balise analytics.

  • Déclenchez GA4 uniquement après un déclencheur “Consentement donné” ou via gtm.allowlist.

 

8. Liste de contrôle pour le dépannage

Problème Cause probable Solution
Événements visibles dans l’aperçu GTM mais pas dans GA4 Balise GA4 manquante ou noms de paramètres erronés Vérifiez la balise GA4, assurez-vous que les paramètres correspondent au §4
Événements booking_created en double GA4 ajouté à la fois dans Zenchef & GTM Retirez l’ID GA4 de Zenchef quand GTM gère GA4
Le pixel compte les réservations deux fois Pixel aussi installé directement dans le site Gardez uniquement l’implémentation GTM
Pas de données après 24 h Bloqueurs de pub ou absence de consentement Testez sans bloqueurs ; vérifiez que le CMP envoie le consentement

 

9. Questions avancées & Réponses

  • Puis-je envoyer les mêmes événements au GTM côté serveur ? — Oui, mappez les variables data-layer dans votre conteneur serveur et transmettez les hits.

  • Comment déboguer l’attribution cross-domain dans GA4 ? — GA4 Admin → Flux de données → Flux Web → Configurer les paramètres de marquageConfigurez vos domaines (ajoutez votre site & booking.zenchef.com).

  • Zenchef prévoit-il un CMP natif ? — Pour l’instant, chaque restaurant est responsable de fournir et gérer sa propre collecte de données. Nous fournissons uniquement les données à votre site — il vous revient de gérer le consentement utilisateur de manière appropriée.

 

10. Récapitulatif des bonnes pratiques

  1. Importez d’abord le modèle Zenchef — Cela vous fait gagner des heures de marquage manuel.

  2. Validez en aperçu & en temps réel après chaque modification.

  3. Révisez les flux de consentement chaque année pour rester conforme.