Comment implémenter le pixel de conversion Daisycon avec Google Tag Manager (GTM)

Dans ce guide, vous découvrirez comment implémenter le Daisycon Conversion Pixel avec Google Tag Manager (GTM). Le Daisycon Conversion Tag officiel prend en charge le suivi des conversions au niveau commande et au niveau produit.

Pour la plupart des boutiques en ligne, nous recommandons le suivi au niveau produit à partir des données ecommerce GA4. Si votre site envoie déjà un événement d'achat GA4 standard contenant les informations produit, le tag Daisycon peut utiliser directement ces données.

Ce guide concerne le suivi des conversions côté navigateur dans un conteneur GTM Web. Si vous utilisez Server-Side Google Tag Manager, consultez plutôt notre guide de suivi des conversions côté serveur.

Sur cette page

• Choisir votre configuration
• Avant de commencer
• Étape 1 : ajouter et configurer le tag Daisycon
• Suivi au niveau produit avec GA4
• Autres types de suivi
• Étape 2 : créer les variables GTM
• Étape 3 : créer ou compléter le data layer
• Tester l'implémentation

Choisir votre configuration

Plusieurs scénarios sont possibles. Choisissez celui qui correspond le mieux à votre configuration actuelle :

• Scénario 1 : vous maîtrisez GTM et les données et variables de transaction nécessaires sont déjà disponibles. Cela inclut les sites disposant d'un événement d'achat ecommerce GA4 standard. Suivez l'étape 1.
• Scénario 2 : un data layer est disponible, mais les valeurs de transaction nécessaires ne sont pas encore disponibles sous forme de variables GTM. Suivez les étapes 1 et 2.
• Scénario 3 : GTM et les données de transaction nécessaires doivent encore être mis en place. Suivez les étapes 1, 2 et 3.

Conseil avant de commencer

Avant de configurer le tag Daisycon, effectuez un achat test en mode Preview de Google Tag Manager. Parcourez le checkout jusqu'à la confirmation de la transaction.

Dans Google Tag Manager Tag Assistant, vous pouvez vérifier les variables et les valeurs du data layer disponibles. Vérifiez notamment si un événement purchase avec un objet ecommerce est déjà présent. Cela vous aidera à choisir le bon type de suivi, les variables nécessaires et le bon déclencheur.

Étape 1 : ajouter et configurer le tag Daisycon

Dans le menu GTM, ouvrez Templates. Sous Tag Templates, cliquez sur Search Gallery et recherchez Daisycon Conversion Tag. Ouvrez le template et ajoutez-le à votre workspace.

Vous pouvez également ouvrir directement le template dans la Google Tag Manager Community Template Gallery.

Allez ensuite dans Tags et cliquez sur New. Sélectionnez Daisycon Conversion Tag comme type de tag.

Configurez d'abord :

• Matching domain : le domaine de matching Daisycon attribué à votre campagne.
• Campaign ID : l'identifiant de votre campagne Daisycon.
• Tracking type : choisissez l'option correspondant aux données de transaction disponibles sur votre site.

Si votre campagne utilise un matching domain personnalisé ou first-party, créez une variable GTM de type Constant contenant le domaine, par exemple d.example.com, puis sélectionnez cette variable dans le champ Matching domain.

Choisir le bon type de suivi

Recommandé : suivi au niveau produit avec les données ecommerce GA4

Si votre boutique en ligne utilise déjà une implémentation ecommerce GA4 standard, sélectionnez Product-level tracking from GA4 ecommerce data.

Le template peut lire les valeurs suivantes dans les données ecommerce GA4 :

• ecommerce.transaction_id
• ecommerce.currency
• ecommerce.coupon
• ecommerce.items

Les valeurs configurées dans le tag au niveau transaction servent de fallback lorsque cela est nécessaire. Vous n'avez pas besoin de convertir vous-même ecommerce.items au format produit Daisycon ni de créer une variable GTM distincte pour chaque produit.

Un événement d'achat GA4 standard peut par exemple ressembler à ceci :

dataLayer.push({
  event: 'purchase',
  ecommerce: {
    transaction_id: 'ORDER-12345',
    currency: 'EUR',
    coupon: 'SUMMER10',
    items: [
      {
        item_id: 'SKU-001',
        item_name: 'Blue Widget',
        item_category: 'Fashion',
        item_brand: 'Brand A',
        price: 8.00,
        quantity: 3
      },
      {
        item_id: 'SKU-002',
        item_name: 'Red Widget',
        item_category: 'Accessories',
        item_brand: 'Brand B',
        price: 12.50,
        quantity: 1
      }
    ]
  }
});

Le template Daisycon convertit automatiquement les produits de ecommerce.items au format de conversion Daisycon au niveau produit.

Comment les données produit GA4 sont utilisées

Par défaut, le template calcule le montant Daisycon d'une ligne produit avec price × quantity. Le revenue utilise par défaut le même montant.

Utiliser un montant différent pour Daisycon

Si le montant utilisé pour l'affiliation doit être différent du prix produit GA4, vous pouvez ajouter des valeurs spécifiques Daisycon à chaque produit :

• daisycon_a : montant Daisycon total de la ligne produit
• daisycon_r : revenue Daisycon de la ligne produit

Ces valeurs sont prioritaires sur le montant calculé à partir de price × quantity.

{
  item_id: 'SKU-001',
  item_name: 'Blue Widget',
  price: 12.10,
  quantity: 2,
  daisycon_a: 20.00,
  daisycon_r: 20.00
}

Dans cet exemple, Daisycon reçoit 20.00 comme montant produit et comme revenue. Si daisycon_a est fourni sans daisycon_r, le revenue reprend le montant Daisycon final.

Product commission codes

Le suivi au niveau produit permet d'appliquer différents groupes de commission aux produits d'une même commande. Sous Product commission codes, choisissez comment le commission code doit être déterminé :

• Each product's commission code or category : pour les données GA4, item_category est utilisé par défaut.
• Another property from each product : indiquez une autre propriété produit, par exemple item_brand.
• Commission code above for every product : applique le commission code défini au niveau du tag à tous les produits.

Pour les deux premières options, le Commission code du tag peut servir de fallback lorsqu'un produit ne contient aucune valeur.

Product-level fallback behaviour

Si le tag ne peut créer aucun produit valide, vous pouvez choisir de :

• Fail when no valid products are found : ne pas envoyer de conversion. Il s'agit du comportement par défaut.
• Send standard conversion instead : envoyer une conversion au niveau commande sans lignes produit.

Nous recommandons de conserver l'option « Fail » par défaut pendant l'implémentation et les tests du suivi au niveau produit. Les problèmes de données produit sont ainsi plus faciles à détecter.

Autres types de suivi au niveau produit

UA Enhanced Ecommerce

Si votre site utilise encore l'ancien Universal Analytics Enhanced Ecommerce, sélectionnez Product-level tracking from UA Enhanced Ecommerce data.

Le template lit les produits dans ecommerce.purchase.products et peut également utiliser les valeurs existantes de transaction ID, currency et coupon présentes dans les données Enhanced Ecommerce purchase.

Cette option est principalement destinée aux implémentations existantes. Pour les nouvelles intégrations ecommerce, nous recommandons le format ecommerce GA4.

Daisycon product array

Pour une implémentation ecommerce personnalisée, sélectionnez Product-level tracking from Daisycon product array et choisissez une variable GTM contenant le product array.

[
  {
    a: 19.99,
    r: 19.99,
    qty: 1,
    sku: 'SKU-001',
    cc: 'category-a',
    pn: 'Product name',
    iv: 'Product description'
  }
]

Les propriétés produit prises en charge sont a, r, qty, sku, cc, pn, iv et e1 à e5.

Standard transaction tracking

Sélectionnez Standard transaction tracking si vous souhaitez envoyer un seul ensemble de valeurs pour l'ensemble de la transaction au lieu des produits individuels.

Cette configuration convient aux leads, abonnements et réservations, mais peut également être utilisée pour les boutiques où le détail produit n'est pas nécessaire.

Ajouter un déclencheur

Ajoutez un déclencheur qui s'active lorsque la transaction est terminée et que les données de transaction nécessaires sont disponibles.

Pour une implémentation ecommerce GA4, un déclencheur Custom Event sur l'événement purchase est généralement l'option recommandée.

Vous pouvez également utiliser un déclencheur Page View, DOM Ready ou Window Loaded sur la page de confirmation, à condition que les données de transaction soient déjà disponibles.

Assurez-vous que le tag Daisycon ne se déclenche qu'après une transaction réussie et lorsque les données de transaction nécessaires sont disponibles.

Étape 2 : créer les variables GTM

Créez des variables GTM pour les valeurs nécessaires au tag qui ne sont pas encore disponibles comme variables dans votre workspace.

Pour le suivi GA4 au niveau produit, le template lit directement le product array dans les données ecommerce. Vous n'avez donc pas besoin de créer une variable distincte pour chaque champ produit. Les variables configurées au niveau transaction dans le tag peuvent servir de fallback.

Pour Standard transaction tracking, créez des Data Layer Variables pour les valeurs de commande nécessaires.

Par exemple, si votre data layer contient :

{
  order: {
    id: '12345',
    amount: 49.95,
    revenue: 59.95,
    currency: 'EUR'
  }
}

vous pouvez créer des Data Layer Variables pour order.id, order.amount, order.revenue et order.currency.

Étape 3 : créer ou compléter le data layer

Si les données de transaction nécessaires ne sont pas encore disponibles dans Google Tag Manager, votre site doit les rendre disponibles via le data layer.

Pour les boutiques en ligne, nous recommandons autant que possible le format ecommerce purchase standard de GA4. Les mêmes données ecommerce peuvent ainsi être utilisées pour GA4 et pour le suivi Daisycon au niveau produit.

dataLayer.push({
  event: 'purchase',
  ecommerce: {
    transaction_id: 'ORDER-12345',
    currency: 'EUR',
    items: [
      {
        item_id: 'SKU-001',
        item_name: 'Product name',
        item_category: 'Category A',
        price: 19.99,
        quantity: 1
      }
    ]
  }
});

Si vous utilisez le suivi standard au niveau commande, vous pouvez également exposer les valeurs nécessaires dans une autre structure du data layer et créer les variables GTM correspondantes comme indiqué à l'étape 2.

Tester le pixel de conversion

Utilisez le mode Preview de GTM et effectuez une transaction test. Vérifiez que :

• le Daisycon Conversion Tag se déclenche sur le bon événement ou la bonne page ;
• le transaction ID est correct et unique ;
• la currency et le promotion code attendus sont disponibles ;
• pour le suivi au niveau commande, le bon order amount et le bon revenue sont envoyés ;
• pour le suivi au niveau produit, tous les produits, quantités et montants attendus sont inclus ;
• les bons commission codes sont utilisés lorsque différents groupes de commission s'appliquent ;
• daisycon_a et daisycon_r contiennent les valeurs attendues si vous les utilisez.

Pour un test complet, consultez notre guide How to test the conversion pixel.

Après publication de votre workspace GTM, contactez votre interlocuteur Daisycon afin que l'implémentation puisse être vérifiée.

Quand utiliser une implémentation Custom HTML ?

Les anciennes versions de ce guide recommandaient un tag Custom HTML pour le suivi au niveau produit. Ce n'est plus nécessaire pour les implémentations standard. Le Daisycon Conversion Tag actuel prend directement en charge les données ecommerce GA4, l'ancien format UA Enhanced Ecommerce et les Daisycon product arrays.

Si vous utilisez Server-Side Google Tag Manager, utilisez le template Daisycon Server-Side plutôt que de recréer la conversion avec un tag personnalisé.

Contactez Daisycon si vos besoins ne peuvent pas être couverts par l'un des types de suivi pris en charge.

Conclusion

Pour la plupart des boutiques en ligne, la configuration la plus simple consiste à utiliser Product-level tracking from GA4 ecommerce data et à déclencher le Daisycon Conversion Tag sur l'événement purchase. Les implémentations existantes au niveau commande, UA Enhanced Ecommerce et avec des données produit personnalisées restent prises en charge.

Commencez toujours par vérifier les données de transaction disponibles en mode Preview de GTM. Dans de nombreux cas, la majorité des informations nécessaires à Daisycon sont déjà présentes.