Comment configurer le suivi de la profondeur de défilement dans GA4

Comment configurer le suivi de la profondeur de défilement dans GA4

24 mai 2023

Si vous connaissez Google Analytics 4 (GA4), vous savez probablement déjà qu'il dispose d'un suivi de défilement intégré par défaut.

Et naturellement, vous vous demandez peut-être : pourquoi ai-je besoin d'un suivi personnalisé pour la profondeur de défilement ?

L'« événement de défilement intégré » du GA4 se déclenche lorsqu'un utilisateur a parcouru environ 90 % de la page, mais vous souhaitez probablement en savoir plus, comme le nombre d'utilisateurs qui ont fait défiler 50 % ou même 25 % de la page.

En suivant la profondeur de défilement, vous pouvez obtenir des informations sur l'engagement et le comportement des utilisateurs, comprendre la quantité de contenu que les utilisateurs consomment et optimiser en conséquence.

Nous examinerons la mise en œuvre à l'aide de Google Tag Manager (GTM).

Dans l'ensemble, je recommanderais vivement d'utiliser GTM pour votre configuration GA4 plutôt que gtag.js, car il a des fonctionnalités très astucieuses que vous pouvez utiliser et nécessite moins de temps pour maintenir la configuration.

Au moins, vous pouvez devenir hybride et utiliser GTM avec la méthode datalayer.push chaque fois que vous avez besoin d'un contrôle plus granulaire sur le suivi.

Nous apprendrons comment configurer le suivi de la profondeur de défilement et créer un exemple de tableau de bord d'engagement de contenu dans Looker Studio.

Comment configurer le suivi de la profondeur de défilement

Tout d'abord, nous devons désactiver le suivi de défilement par défaut du flux Mesure améliorée.

Mesure améliorée

Naviguez jusqu'à Flux de données > ; Clics pour diffuser.

Flux de donnéesClics pour diffuser

Data Stream

Data StreamMesures améliorées Mesures améliorées.< /span>

Désactiver le suivi du défilement dans la boîte de dialogue contextuelle.

Scroll trackingSuivi de défilement.

Désactiver le suivi du défilement dans la boîte de dialogue contextuelle.

Scroll trackingSuivi de défilement.

Accédez à la page de configuration des définitions personnalisées de GA4 et ajoutez la dimension personnalisée "scroll_percentage" (vous pouvez lui donner n'importe quel nom). Nous l'utiliserons pour envoyer les seuils de profondeur de défilement.

scroll_percentage dimension personnaliséeDimension personnalisée Scroll_percentage.

Accédez à Variables dans Google Tag Manager et activez ces trois variables intégrées :

Variables
  • Seuil de profondeur de défilement.
  • Unités de profondeur de défilement.
  • Direction de défilement.
  • Seuil de profondeur de défilement.
  • Unités de profondeur de défilement.
  • Direction de défilement.
  • Variables de défilementVariables de défilement.

    Accédez aux déclencheurs et ajoutez un déclencheur de profondeur de défilement avec le nom "Défilement personnalisé".

    Ajouter un déclencheur
    Ajouter un déclencheur
    Ajouter un déclencheur
    Ajouter un déclencheur
    Ajouter un déclencheur
    Définir les paramètres de déclenchement
    Définir les paramètres de déclenchement
    Définir les paramètres de déclenchement
    Définir les paramètres de déclenchement
    Définir les paramètres de déclenchement

    Dans les paramètres "Pourcentages", ajoutez les niveaux de profondeur de défilement que vous souhaitez suivre sous forme de liste séparée par des virgules.

    Veuillez noter : si vous avez un site Web à fort trafic et que vous ajoutez trop de seuils comme (21,22,23….90) etc., vous pouvez atteindre limites d'exportation d'événements quotidiens BigQuery de 1 million et perdre l'un des plus grands avantages de GA4.

    limites d'exportation d'événements quotidiens BigQuery de 1 million

    Vous remarquerez peut-être qu'il existe également des valeurs de pixel que vous pouvez utiliser pour suivre la profondeur de défilement avec des pixels.

    Dans certains cas, cela peut logique à utiliser, mais à mon avis, il n'a pas de cas d'utilisation étendus.

    Par exemple, le suivi d'une profondeur de défilement de 1 000 pixels peut ne pas vous indiquer avec précision la quantité d'articles que les utilisateurs ont lus, car les articles peuvent varier considérablement en longueur, allant de 2 000 pixels à 10 000 pixels.

    Accédez à Tags dans GTM et ajoutez une balise Event.

    TagsEventEvent tagBalise d'événement.

    Dans le nom de l'événement, saisissez "scroll" et définissez le paramètre personnalisé sur "scroll_percentage".

    Événement de défilement avec dimension personnalisée scroll_percentage
    Événement de défilement avec dimension personnalisée scroll_percentage
    Événement de défilement avec dimension personnalisée scroll_percentage
    Événement de défilement avec dimension personnalisée scroll_percentage
    Événement de défilement avec dimension personnalisée scroll_percentage
    Choisissez comme valeur le seuil de profondeur de défilement intégré dans la variable
    Choisissez comme valeur le seuil de profondeur de défilement intégré dans la variable
    Choisissez comme valeur le seuil de profondeur de défilement intégré dans la variable
    Choisissez comme valeur le seuil de profondeur de défilement intégré dans la variable
    Choisissez comme valeur le seuil de profondeur de défilement intégré dans la variable

    Choisissez un déclencheur Défilement personnalisé.

    Défilement personnaliséDéfinir un déclencheur "Défilement personnalisé"

    En un mot, le suivi de défilement personnalisé fonctionne par :

    • Désactivation du suivi de défilement par défaut.
    • Rajout du même suivi de défilement avec le nom d'événement "scroll".
    • Envoi des seuils de profondeur de défilement dans un paramètre personnalisé.
  • Désactivation du suivi de défilement par défaut.
  • Rajout du même suivi de défilement avec le nom d'événement "scroll".
  • Envoi des seuils de profondeur de défilement dans un paramètre personnalisé.
  • Une fois que vous avez configuré le suivi de la profondeur de défilement, voyons comment configurer le tableau de bord Looker Studio (anciennement Google Data Studio) qui signalera les articles avec leur profondeur de défilement moyenne .

    Comment créer un rapport Looker Studio sur la profondeur de défilement

    Ouvrez Looker Studio et ajoutez GA4 comme source.

    Looker StudioLooker Studio.

    Insérer un tableau croisé dynamique comme type de graphique.

    Tableau croisé dynamiqueTableau croisé dynamique.

    Ajouter « Chemin de la page » comme dimension de ligne et scroll_percentage comme colonne dimension. En tant que métrique, ajoutez "Nombre total d'utilisateurs" et "Nombre d'événements".

    Tableau croisé dynamique avec donnéesTableau croisé dynamique avec données.

    Appliquez un filtre avec "Nom de l'événement" contenant "scroll" pour filtrer les autres événements, tels que "page_view" des données.

    En raison des spécificités de la structure de données GA4, il extrait tous les événements et un filtre est nécessaire pour éliminer les événements sans défilement.

    Comment créer un rapport de profondeur de défilement dans les explorations

    Le même rapport peut être créé dans les explorations, même si je recommande d'utiliser Looker Studio car vous pouvez le partager avec votre équipe éditoriale, et il est plus facile de lire.

    Afin de créer un rapport de profondeur de défilement dans les explorations, accédez à Explorer et créez un rapport vierge "Format libre". Ajoutez des dimensions telles que "Chemin de page" et "scroll_percentage".

    ExplorerExplorationExploration.

    Construire le rapport selon la capture d'écran.

    Rapport de profondeur de défilement

    N'oubliez pas de filtrer uniquement les événements avec le nom "scroll".

    Il est également utile de définir des conversions en fonction de la profondeur de défilement. Par exemple, nous avons un ensemble de conversion chaque fois que l'on lit 50 % d'un article.

    Naviguer vers Événements paramètres et cliquez sur le bouton Créer un événementdans le coin supérieur droit.

    ÉvénementsCréer un événementEventsÉvénements

    Dans la boîte de dialogue contextuelle, entrez le "Nom de l'événement=scroll" et "scroll_percentage=50" et nommez votre événement.

    événement personnalisé de défilement de 50 % basé sur le paramètre de profondeur de défilementÉvénement personnalisé de défilement de 50 % basé sur le paramètre de profondeur de défilement.

    Et dans les paramètres de conversions, cochez en tant que conversion.

    ConversionsConversions.< /div>

    Conclusion

    Nous avons expliqué ici comment suivre la profondeur de défilement dans GA4, qui est une mesure importante pour mesurer l'engagement de votre public.

    Je vous recommande d'essayer de créer différents segments et de comparer la façon dont chaque type d'utilisateur interagit avec votre contenu.

    Envisagez également de combiner les données avec Google Search Console et voyez quels mots clés génèrent plus d'engagement avec votre contenu.

    À l'avenir, nous couvrirons plus sur la façon d'utiliser GA4 et vous aiderons à le configurer.

    Pour rester informé de nos prochains guides, nous vous invitons à vous inscrire à notre newsletter.

    Plus de ressources :

    • Google Analytics 4 Suivi des événements : comment configurer
    • Les résultats de la recherche Google Desktop sont désormais défilables en continu
    • Découvrez GA4 : 17 meilleurs guides et amp ; Ressources pédagogiques

    Image en vedette : fizkes/Shutterstock

    Conclusion

    Nous avons expliqué ici comment suivre la profondeur de défilement dans GA4, qui est une mesure importante pour mesurer l'engagement de votre public.

    Je vous recommande d'essayer de créer différents segments et de comparer la façon dont chaque type d'utilisateur interagit avec votre contenu.

    Envisagez également de combiner les données avec Google Search Console et voyez quels mots clés génèrent plus d'engagement avec votre contenu.

    À l'avenir, nous couvrirons plus sur la façon d'utiliser GA4 et vous aiderons à le configurer.

    Pour rester informé de nos prochains guides, nous vous invitons à vous inscrire à notre newsletter.

    Plus de ressources :

    Plus de ressources :
    • Google Analytics 4 Suivi des événements : comment configurer
    • Les résultats de la recherche Google Desktop sont désormais défilables en continu
    • Découvrez GA4 : 17 meilleurs guides et amp ; Ressources pédagogiques
  • Google Analytics 4 Suivi des événements : comment configurer
  • Les résultats de la recherche Google Desktop sont désormais défilables en continu
  • Découvrez GA4 : 17 meilleurs guides et amp ; Ressources pédagogiques

  • Image en vedette : fizkes/Shutterstock

    Image en vedette : fizkes/Shutterstock