Intégration Google Tag Manager

Installez et gérez le Pixel Idlen via Google Tag Manager (GTM) pour un déploiement et une gestion des tags simplifiés.

Vue d'Ensemble

1. Ajouter le tag de base du Pixel Idlen
2. Configurer le suivi des pages vues
3. Configurer les déclencheurs de conversion
4. Tester et publier

Étape 1 : Ajouter le Tag de Base

Créez un nouveau tag HTML Personnalisé dans GTM :

Nom du Tag : Idlen Pixel - Base

<script>
!function(i,d,l,e,n){i.idlen=i.idlen||function(){
(i.idlen.q=i.idlen.q||[]).push([].slice.call(arguments))};
var s=d.createElement('script');s.async=1;
s.src='https://pixel.idlen.io/v1/pixel.js';
d.head.appendChild(s)}(window,document);

idlen('init', '{{Idlen Advertiser ID}}');
</script>

Déclencheur : Toutes les Pages (Page Vue)

Étape 2 : Suivi des Pages Vues

Créez un nouveau tag HTML Personnalisé :

Nom du Tag : Idlen Pixel - PageView

<script>
if (window.idlen) {
  idlen('track', 'PageView');
}
</script>

Déclencheur : Toutes les Pages (Page Vue)

Séquencement des Tags : Configurez ce tag pour se déclencher après Idlen Pixel - Base

Étape 3 : Suivi des Conversions

Soumission de Formulaire

Créez un déclencheur pour les soumissions de formulaire :

Nom du Déclencheur : Formulaire - Inscription

• Type de Déclencheur : Soumission de Formulaire
• ID du Formulaire : signup-form (ou utilisez un sélecteur CSS)

Créez le tag de conversion :

Nom du Tag : Idlen Pixel - Conversion Inscription

<script>
if (window.idlen) {
  idlen('track', 'Conversion', {
    eventName: 'signup'
  });
}
</script>

Déclencheur : Formulaire - Inscription

Clic sur Bouton

Nom du Déclencheur : Bouton - Clic Achat

• Type de Déclencheur : Clic - Tous les Éléments
• ID du Clic : purchase-button

Nom du Tag : Idlen Pixel - Conversion Achat

<script>
if (window.idlen) {
  idlen('track', 'Conversion', {
    eventName: 'purchase',
    value: {{Valeur Achat}}
  });
}
</script>

Événement Personnalisé (DataLayer)

Si votre application pousse des événements vers le dataLayer :

// Code de votre application
dataLayer.push({
  event: 'purchase_complete',
  transaction_value: 99.99
});

Créez un déclencheur :

Nom du Déclencheur : DataLayer - Achat Complété

• Type de Déclencheur : Événement Personnalisé
• Nom de l'Événement : purchase_complete

Créez une Variable DataLayer :

Nom de la Variable : DLV - Valeur Transaction

• Type de Variable : Variable de Couche de Données
• Nom de la Variable : transaction_value

Nom du Tag : Idlen Pixel - Achat depuis DataLayer

<script>
if (window.idlen) {
  idlen('track', 'Conversion', {
    eventName: 'purchase',
    value: {{DLV - Valeur Transaction}}
  });
}
</script>

Suivi SPA (Single Page Application)

Pour les SPAs utilisant l'API History, créez un déclencheur :

Nom du Déclencheur : Changement d'Historique

• Type de Déclencheur : Changement d'Historique

Nom du Tag : Idlen Pixel - PageView SPA

<script>
if (window.idlen) {
  idlen('track', 'PageView');
}
</script>

Déclencheur : Changement d'Historique

Référence des Variables

Tests

Mode Prévisualisation GTM

1. Cliquez sur Prévisualiser dans GTM
2. Naviguez sur votre site web
3. Vérifiez que les tags se déclenchent correctement
4. Vérifiez dans l'onglet Tags

Mode Debug Idlen

Ajoutez le mode debug au tag de base :

<script>
idlen('init', '{{Idlen Advertiser ID}}', { debug: true });
</script>

Ouvrez la console du navigateur pour voir :

[Idlen Pixel] Initialized
[Idlen Pixel] PageView tracked: /
[Idlen Pixel] Conversion tracked: signup

Vérifier dans l'Ads Manager

1. Allez dans Ads Manager > Paramètres > Pixel
2. Vérifiez la section "Événements Récents"
3. Confirmez que les événements sont reçus

Publication

Une fois testé :

1. Retirez debug: true du tag de base
2. Cliquez sur Soumettre dans GTM
3. Ajoutez un nom de version : "Configuration Pixel Idlen"
4. Cliquez sur Publier

Dépannage

Tags Non Déclenchés

• Vérifiez les conditions des déclencheurs
• Vérifiez le séquencement des tags (le tag de base doit se déclencher en premier)
• Assurez-vous qu'il n'y a pas d'erreurs JavaScript dans la console

Événements Non Visibles dans l'Ads Manager

• Confirmez que l'advertiser ID est correct
• Vérifiez les requêtes réseau vers pixel.idlen.io/v1/track
• Vérifiez que le CORS ne bloque pas les requêtes

Événements en Double

• Vérifiez que plusieurs déclencheurs ne se déclenchent pas
• Assurez-vous que le tag de base ne se déclenche qu'une fois par page
• Utilisez les options de déclenchement : "Une fois par page"