Comment suivre les événements du widget Shotgun dans GTM (via le dataLayer)

Vous pouvez suivre les interactions des utilisateurs qui se produisent à l’intérieur du widget de billetterie Shotgun intégré à votre site. Le widget envoie des événements à la page parente via window.postMessage. Si vous utilisez notre dernière intégration du widget (iFrame + widget.js), le script écoute automatiquement ces messages et les pousse dans le dataLayer de votre site. À partir de là, vous pouvez déclencher vos tags GTM (GA4, Google Ads, TikTok, Meta, etc.) sans code personnalisé.

Comment l’utiliser

1. Prérequis
   • Votre conteneur GTM est configuré sur votre site web.
   • Vous intégrez le widget Shotgun sur votre site et avez ajouté le script widget.js.
2. Activer le suivi dans GTM
   • Importez le modèle GTM de Shotgun (ou utilisez celui que vous avez déjà importé).
   • Dans le modèle, réactivez et configurez les tags que vous souhaitez déclencher.
   • Tous les déclencheurs nécessaires pour les événements du widget Shotgun sont déjà inclus — il suffit de les associer à vos plateformes (par ex. tag d’événement GA4, tag de conversion Google Ads).
3. Vérifier que tout fonctionne
   • Ouvrez le mode Aperçu de GTM sur la page où le widget est intégré et interagissez avec le widget (vue, ajout au panier, checkout, achat).
   • Vous devriez voir les événements dataLayer correspondants ainsi que vos tags se déclencher.

<script>
  window.dataLayer = window.dataLayer || [];
  window.addEventListener('message', function (event) {
    // (Recommandé) n'acceptez que les messages provenant d'origines Shotgun de confiance
    if (event.origin !== "https://shotgun.live") {
      return;
    }
    // Traiter les messages avec un payload et le pousser dans le dataLayer
    if (event.data?.type === "datalayer" && event.data.payload) {
      dataLayer.push(event.data.payload);
    }
  });
</script>

Dépannage

• Vérifiez que les cookies marketing sont acceptés sur votre site et que les bloqueurs de publicité sont désactivés pendant les tests.
• Assurez-vous que l’iFrame du widget n’est pas sandboxée d’une manière qui bloque postMessage.
• Dans le mode Aperçu de GTM, surveillez l’arrivée des événements dataLayer sur la page parente pendant que vous interagissez avec le widget.