Handleiding: Scrolldiepte meten in Google Analytics 4

Geplaatst op 28 oktober 2022 door Tom Boenders

Wil je erachter komen of belangrijke content op je website wel gezien wordt door de bezoekers van je website? Dan biedt het meten van de scrolldiepte uitkomst! 

In deze handleiding leg ik je uit hoe je de scrolldiepte op je website meetbaar kunt maken in Google Analytics 4 via Google Tag Manager en hoe je de scrolldiepte toe kunt voegen aan je rapportages. 

Standaard scroll tracking uitschakelen

Als je verbeterde meting (enhanced conversion) aan hebt staan dan legt Google Analytics 4 een scrollgebeurtenis vast telkens wanneer bezoekers de onderkant van een pagina bereiken (wanneer 90% van de verticale scrolldiepte zichtbaar is). Omdat we de scrolldiepte nauwkeuriger gaan meten via Google Tag Manager kunnen we de standaard scrollgebeurtenis uit zetten. Dit kun je doen in Google Analytics 4 door naar Beheer –> Gegevensstreams te gaan en de gegevensstream te kiezen. Klik vervolgens op het tandwiel icoon.

Zet vervolgens het schuifje om bij Scrolls.

Scroll variabelen Google Tag Manager  

Nu we de standaard scrollgebeurtenis uit hebben gezet in Google Analytics 4 is het tijd om over te schakelen naar Google Tag Manager voor het technische gedeelte. Gelukkig valt dit reuze mee.

Als eerste moeten we een aantal scroll variabelen aanzetten. Dit doen we binnen Google Tag Manager bij Variabelen –> Configureren. Vink onder het kopje Scrollen vervolgens alle variabelen aan.

Scroll trigger

Voor de trigger maken we gebruik van de standaard trigger genaamd Scrolldiepte. Vink de checkbox diepten voor verticaal scrollen aan en voer vervolgens de scrolldiepten in percentages in die je wilt bijhouden. De instellingen zien er dan als volgt uit.

Mocht je de scrolldiepte alleen op een aantal specifieke pagina’s willen meten dan kun je in plaats van alle pagina’s kiezen voor sommige pagina’s. Hier kun je vervolgens een voorwaarden voor de trigger instellen.

Tag instellen 

Nu we de trigger hebben aangemaakt is het tijd om de tag in te stellen. Hierbij ga ik ervan uit dat je Google Analytics 4 al hebt ingesteld via Google Tag Manager. Is dit niet het geval? Lees dan even het volgende artikel: Google Analytics 4 inladen Tag Manager.

Voor de tag maken we gebruik van de GA4-gebeurtenis tag. Voeg een nieuwe tag toe en kies Google Analytics: GA4-gebeurtenis.

Selecteer bij Configuratietag de ingestelde Google Analytics 4 configuratie tag. Voer vervolgens bij Gebeurtenisnaam Scroll_{{Scroll Depth Threshold}} in. Zorg ervoor dat je de Scroll Depth Threshold variabele toevoegt via het legoblok icoontje.

De bovenstaande instellingen zorgen ervoor dat er bij het scrollen langs elk opgegeven percentage een aparte gebeurtenis wordt gemeten. Heeft een bezoeker bijvoorbeeld 50% van een pagina bezocht dan zie je in Google Analytics 4 een gebeurtenis met de naam Scroll_50.

Testen! 

Nu we alles hebben ingesteld is het tijd om te testen of alles werkt. Dit doen we door de website te openen in de voorbeeldmodus van Google Tag Manager. Scroll vervolgens op de website naar beneden zodat je zeker weet dan een aantal van de eerder opgegeven scrollpercentages behaald zijn.

Kijk nu in Google Tag Manager welke tags afgevuurd zijn. Als alles goed is ingesteld staat daar de Scrolldiepte tag tussen. Om te controleren of de waardes van de percentages goed zijn doorgekomen klik je links in de balk op Scroll Depth en vervolgens op de afgevuurde scrolldiepte tag.

Selecteer nu rechtsboven Values en controleer de gebeurtenisnaam. 

Als alles werkt kunnen we de aanpassingen in de Google Tag Manager container publiceren.

Testen debug view Google Analytics 4 

Om te testen of alles vanuit Google Tag Manager goed doorkomt in Google Analytics maken we gebruik van de DebugView in Google Analytics 4. Ga hiervoor naar Configureren –> DebugView. Zoek vervolgens bovenaan bij apparaatfouten opsporen het apparaat op die je gebruikt om te testen.

Als je je eigen apparaat hebt gevonden is het tijd om te scrollen op de website. Als alles goed is ingesteld zie je nu in de DebugView scroll gebeurtenissen verschijnen.

Let op: er zit een vertraging in de DebugView, het kan dus even duren voordat je acties zichtbaar zijn.

Belangrijk! Controleer in de DebugView ook de ingestelde conversies. Als je in Google Analytics 4 een bedankpagina hebt ingesteld dan kan het zijn dat deze bij elke scrollgebeurtenis wordt geregistreerd als een conversie. Dit wil je uiteraard niet. De oplossing is om ‘event_name is gelijk aan page_view‘ toe te voegen aan de gebeurtenis van de bedankpagina.

Scrolldiepte toevoegen aan je rapportages 

Goed, nu de scrolldiepte correct gemeten wordt in Google Analytics wil je deze natuurlijk ook verwerken in de rapportages.

Scrolldiepte in Google Analytics 4

Binnen Google Analytics 4 doen we dat met behulp van een verkenning. Ga naar Ontdekken en voeg een lege verkenning toe.

Klik vervolgens op ‘+’ naast dimensie en importeer Paginapad + querytekenreeks en Naam gebeurtenis toe. Importeer daarna bij statistieken het Aantal gebeurtenissen.

  • Sleep Paginapad + querytekenreeks naar rijen. 
  • Sleep Naam gebeurtenis naar kolommen 
  • Sleep Aantal gebeurtenissen naar waarden 

Voeg als laatste een filter toe voor Naam gebeurtenis bevat scroll.

Je hebt nu de scrolldiepte per pagina inzichtelijk.

Verkenning-Google-Analytics-4-Scrolldiepte

Scrolldiepte in Google Looker Studio 

Gebruik je Google Looker Studio (voorheen Google Data Studio)? Gebruik dan een Diagram, selecteer bij dimensie Naam gebeurtenis en bij statistieken Aantal gebeurtenissen en Totaal aantal gebruikers.  

De Statistiek Totaal aantal gebruikers gebruiken voor uitdrukken van het percentage bezoekers die een bepaalde scrolldiepte heeft behaald. Selecteer hiervoor het potloodje van van Totaal aantal gebruikers

Selecteer vervolgens onder vergelijkingsberekening –> Percentage van totaal –> ten opzichte van bijbehorende gegevens. Je ziet nu percentages verschijnen, deze percentages geven aan hoeveel procent van het totaal aantal gebruikers een bepaalde scrolldiepte heeft bereikt.  

Naast de scrolldiepte gebeurtenissen zie je ook nog andere gebeurtenisnamen terugkomen in het diagram. Om ervoor te zorgen dat we alleen de scrolldiepte gebeurtenisnamen te zien krijgen moeten we een filter toevoegen met onderstaande instellingen. 

De laatste stap is het toevoegen van een bedieningselement voor het selecteren van de pagina waar je de scrolldiepte voor wilt bekijken. Voeg hiervoor een dropdownmenu toe. 

Voeg bij veld voor bedieningselement Paginapad + querytekenreeks toe en vul bij standaardselectie een / in (homepage). Selecteer bij statistiek Aantal gebeurtenissen. 

Vink vervolgens onder Stijl het vakje Één selecteren aan en je bent klaar. 

Je hebt nu in Google Looker studio een diagram gemaakt waarbij je per pagina inzichtelijk is wat de vooraf ingestelde scrolldieptes zijn die de bezoekers behaald hebben.

Tijd voor conclusies 

Nu je de scrolldiepte meetbaar hebt gemaakt in Google Analytics 4 en deze hebt toegevoegd aan je rapportages is het tijd om te analyseren hoeveel bezoekers de belangrijkste elementen op je pagina’s zien. Succes! 

Geschreven door: Tom Boenders Tom is Teamlead SEA bij Online Marketing Agency. Als het over topposities in Google gaat, dan is hij er als de kippen bij om advies te geven. Gevraagd en ongevraagd.
ebook

Download gratis E-books!

Ga naar de E-books

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *


Gerelateerde blogs

Haal jij het maximale uit online?

Meer dan 100 ondernemers gingen je voor. Van ZZP tot multinationals.

Doe de SEO-scan

Marketing kennisbank

Ben je op zoek naar de uitleg over een marketinggerelateerde term? Maak hieronder een keuze.

Alle rechten voorbehouden © 2022 - Online Marketing Agency

[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[class^="wpforms-"]
[Inclusief kortingscode]
[Inclusief kortingscode]