Het tracken van knoppen met Google Analytics in Elementor kan je helpen om inzicht te krijgen in het gedrag van je websitebezoekers en om te zien hoe effectief je call-to-actions (CTA’s) zijn. Hier zijn de stappen om knoppen te tracken met Google Analytics in Elementor:
Stap 1: Google Analytics instellen
- Maak een Google Analytics-account als je er nog geen hebt.
- Maak een property aan voor je website in Google Analytics.
- Installeer de tracking code van Google Analytics op je website. Dit kan via de header.php van je thema, of makkelijker, via een plugin zoals “Insert Headers and Footers” of “Site Kit by Google”.
Stap 2: Google Analytics 4 Event Tracking
Met Google Analytics 4 (GA4) kun je gebeurtenissen (events) eenvoudig tracken. Volg deze stappen om een knop te tracken als een gebeurtenis:
- Ga naar je GA4 Property en klik op “Configureren” > “Gebeurtenissen” > “Nieuwe gebeurtenis maken”.
- Maak een aangepaste gebeurtenis door de naam van het evenement en de voorwaarden (zoals het klikken op een specifieke knop) op te geven.
Stap 3: Gebruik Google Tag Manager (GTM)
Google Tag Manager maakt het eenvoudiger om gebeurtenissen op je website te tracken zonder dat je code hoeft toe te voegen. Hier zijn de stappen:
- Maak een Google Tag Manager-account en voeg een container toe voor je website.
- Installeer de GTM-container code op je website. Dit kan opnieuw via de header.php van je thema, of via een plugin.
Stap 4: Tag maken in GTM voor het tracken van knoppen
Maak een nieuwe tag:
- Ga naar “Tags” > “Nieuwe tag” > “Tagconfiguratie”.
- Selecteer “Google Analytics: GA4 Event”.
- Voer je Google Analytics Measurement ID in (deze vind je in je GA4 Property onder “Beheer” > “Datastreams”).
Configureer de trigger:
- Klik op “Triggerconfiguratie” en selecteer “Klikken – Alle elementen”.
- Voeg een filter toe om alleen de gewenste knoppen te tracken. Dit kan op basis van het CSS-ID, CSS-klasse, of tekst van de knop.
- Voor knoppen die specifiek zijn gemaakt in Elementor, gebruik bijvoorbeeld de CSS-ID die je hebt ingesteld bij de knop. Als je geen unieke CSS-ID hebt ingesteld, kun je dit doen in de Geavanceerde tab van de knopinstellingen in Elementor.
Publiceer de container:
- Na het instellen van de tag en trigger, klik op “Voorbeeld” om te testen of de tag correct werkt.
- Als alles goed werkt, klik op “Submit” en “Publiceren” om de wijzigingen live te zetten.
Stap 5: Verifieer de gebeurtenissen in Google Analytics
- Ga naar je GA4 Property en klik op “Rapporten” > “Gebeurtenissen” om te zien of de klikken op de knoppen worden geregistreerd.
- Gebruik de DebugView in GA4 om te controleren of de gebeurtenissen correct binnenkomen terwijl je door je website navigeert.
Voorbeeld: Knop tracking instellen in GTM
Hier is een voorbeeld van het instellen van een GTM trigger voor een specifieke knop in Elementor:
- Geef de knop een unieke ID in Elementor onder de Geavanceerde tab, bijvoorbeeld “cta-knop”.
- Maak een trigger in GTM die klikt op knoppen met de ID “cta-knop” trackt:
- Triggerconfiguratie: Klikken – Alle elementen
- Some Clicks: Click ID equals “cta-knop”
Met deze stappen kun je knoppen effectief tracken met Google Analytics in Elementor, waardoor je waardevolle data krijgt over het gebruikersgedrag en de effectiviteit van je knoppen.
By Davy