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é
Pourquoi et quand choisir Google Tag Manager
Créer & connecter votre conteneur GTM (une seule fois)
Référence data-layer & déclencheurs (v‑2025‑04)
Mapper les événements à vos plateformes d’analyse & publicitaires
Tester avant la mise en production
Gestion du cross-domain & perte des UTM
Consentement & RGPD
Liste de contrôle pour le dépannage
Questions avancées & Réponses
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_created➜purchase).– 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 ⚙️
Cliquez sur Aperçu dans GTM, saisissez l’URL de votre Zensite, ouvrez le widget de réservation.
Dans Tag Assistant, passez à Data Layer : les événements du §4 doivent apparaître avec les bonnes clés.
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 marquage → Configurez 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
Importez d’abord le modèle Zenchef — Cela vous fait gagner des heures de marquage manuel.
Validez en aperçu & en temps réel après chaque modification.
Révisez les flux de consentement chaque année pour rester conforme.