Suivre les impressions publicitaires dans GA4

👋 Découvrez comment suivre les impressions publicitaires dans GA4 pour les publicités diffusées sur votre site web.

Pour suivre les impressions publicitaires dans Google Analytics 4:

1. Utilisez l'API Intersection Observer en JavaScript pour détecter lorsque votre publicité est visible dans la fenêtre d'affichage.

2. Configurez une balise d'événement GA4 qui déclenche l'événement ad_impression. Transmettez des détails supplémentaires tels que l'ID ou le nom de la publicité en tant que paramètres d'événement.

3. Déclenchez cette balise sur l'événement ad_view.

4. Utilisez le Preview Mode de GTM pour vérifier que l'événement ad_view se déclenche lorsque la publicité apparaît. Une fois confirmé, publiez vos modifications.

Exemple de code Js :

// Sélection de l'élément publicitaire
const adElement = document.querySelector('#ad-element-id');

// Rappel de l'observateur d'intersection
const callback = (entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      // La publicité est visible
      // Envoyez un événement à la dataLayer
      dataLayer.push({
        'event': 'ad_view',
        'adInfo': {
          // ... informations spécifiques à la publicité
        }
      });
    }
  });
};

// Création de l'observateur
const observer = new IntersectionObserver(callback);

// Observation de l'élément publicitaire
observer.observe(adElement);

ℹ️ Remplacez d'abord #ad-element-id par l'ID de votre publicité. Ensuite, initialisez l'observateur d'intersection avec la fonction de rappel en argument. Enfin, appelez observe() sur l'observateur d'intersection avec l'élément publicitaire en argument.

Ce code crée un observateur d'intersection pour détecter lorsque l'élément publicitaire entre dans la fenêtre d'affichage. Lorsque cela se produit, la fonction de rappel est appelée et un événement est envoyé au dataLayer. Cet événement permet de suivre les vues publicitaires et d'autres indicateurs.

Voici un exemple d'utilisation du code :

// Sélection de l'élément publicitaire
const adElement = document.querySelector('#myAd');

// Rappel de l'observateur d'intersection
const callback = (entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      // La publicité est visible
      // Envoyez un événement à la dataLayer
      dataLayer.push({
        'event': 'ad_view',
        'adInfo': {
          'adId': adElement.id
        }
      });
    }
  });
};

// Création de l'observateur
const observer = new IntersectionObserver(callback);

// Observation de l'élément publicitaire
observer.observe(adElement);