Suivre les ventes du widget sur votre site

Suivez les ventes du widget intégré à votre site dans vos propres outils : Google Tag Manager, Google Analytics ou Pixel Meta. Votre site capte les messages que le widget envoie à chaque étape de l'achat. Votre outil garde ainsi le lien entre le visiteur, la campagne qui l'a amené et son achat.

Fonctionnement

À chaque étape de l'achat, le widget envoie un message à la page de votre site qui l'héberge :

• un événement checkout à l'ouverture de chaque étape, numérotée de 1 (choix des tarifs) à 5 (confirmation de commande) ;
• un événement purchase à la confirmation d'une commande validée, avec le montant total payé, la référence de la commande et le détail des tarifs achetés.

Chaque message a cette forme :

{
  "type": "tracking",
  "data": {
    "event": "purchase",
    "order_identifier": "0f3c9a52-6b1e-4d8a-9c2f-5e7a1b2c3d4e",
    "ecommerce": {
      "currency": "EUR",
      "transaction_id": "YPTB0000795518",
      "value": 13.00,
      "tax": 0,
      "items": [
        { "item_id": 20370, "item_name": "Entrée adulte", "quantity": 2, "price": 5.00 },
        { "item_id": 20371, "item_name": "Entrée enfant", "quantity": 1, "price": 3.00 }
      ]
    }
  },
  "location": "https://billetterie.yurplan.com/...",
  "title": "titre de la page du widget"
}

Le contenu de data suit le format e-commerce de Google Analytics 4. Toutes les clés sont détaillées dans Événements de suivi envoyés par votre billetterie.

Le widget envoie ces messages dans tous les cas : vous n'avez rien à activer dans Yurplan.

Exemple : envoyer les ventes dans votre Google Tag Manager

Ajoutez ce script sur chaque page de votre site qui contient le widget, après le code de votre conteneur Google Tag Manager :

<script>
  window.addEventListener('message', function (e) {
    // Accepter uniquement les messages de la billetterie Yurplan
    if (e.origin !== 'https://billetterie.yurplan.com') return;
    var message = e.data;
    if (!message || message.type !== 'tracking' || !message.data) return;
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({ ecommerce: null });
    window.dataLayer.push(message.data);
  });
</script>

Les événements checkout et purchase arrivent alors dans le dataLayer de votre site. Dans votre conteneur, déclenchez vos balises (Google Analytics 4, Google Ads, Meta) sur ces événements, comme indiqué dans Google Tag Manager.

Bon à savoir

• Consentement : les messages du widget ne dépendent d'aucun bandeau Yurplan. Le recueil du consentement relève du bandeau de cookies de votre site.
• Double comptage : si vous suivez vos ventes depuis votre site, n'activez pas en plus le même suivi d'achat dans les applications de l'événement. L'achat serait compté une fois par votre site et une fois par le widget.
• Widget multi-événements : le widget qui présente tous les événements de votre organisation relaie les mêmes messages à votre site.
• Montant : value est le montant total payé, après code promo. Fiez-vous à lui plutôt qu'au price de chaque tarif.