Tracking voor een Calendly afspraak instellen

Volg onderstaande stappen om het inplannen van een meeting via een Calendly embed op je website te tracken als GA4 gebeurtenis.

Om Calendly te kunnen volgen met Google Tag Manager, moet je een aangepaste HTML-tag maken in je GTM-container.

1. Open je GTM web container.

2. Ga naar Tags.

3. Maak een nieuwe tag aan.

4. Kies Aangepaste HTML als tag configuratie en plak de volgende code:

<script>
window.dataLayer = window.dataLayer ||[];
window.addEventListener('message',
  function(e) {
    if (e.data.event && e.data.event.indexOf('calendly') === 0) {
      window.dataLayer.push({
        'event' : 'calendly',
        'calendly_event' : e.data.event.split('.')[1]
      });
    }
  }
);
</script>

5. Geef deze tag de trigger All Pages (of als je alleen een Calendly embed op één specifieke pagina hebt, gebruik je dat als trigger).

6. Sla deze tag op.

Deze Custom HTML code is een listener die op zoek gaat naar Calendly-events op een pagina en ze dan beschikbaar maakt in de dataLayer. Het zal een van de volgende vier gebeurtenissen pushen:

• profile_page_viewed - wanneer de profielpagina werd bekeken

• event_type_viewed - wanneer de pagina van het evenementtype werd bekeken

• date_and_time_selected - wanneer de bezoeker een datum en tijd heeft geselecteerd

• event_scheduled - wanneer de bezoeker met succes een meeting heeft geboekt

In onderstaande stappen leggen we uit hoe je een 'event_scheduled' gebeurtenis op kan zetten

1. In je Google Tag Manager web container maak je een nieuwe tag aan.

2. Selecteer GA4 event als tag configuratie.

3. Voer je GA4 measurement ID in, of selecteer de constante variabele van je GA4 measurement ID.

4. Geef de gebeurtenis die je gaat meten een duidelijke naam. Hier ben je volledig vrij in (sign_up, generate_lead, contact, calendly_ingepland, afspraak_gepland, etc).

5. Voeg een nieuwe trigger toe aan deze tag. Klik onder de tag configuratie op Triggers en daarna op het blauwe plusje rechtsboven.

6. Kies als trigger configuratie voor de oranje optie Aangepaste gebeurtenis.

7. Als Gebeurtenisnaam vul je calendly in.

8. Vink de optie Sommige aangepaste gebeurtenissen aan.

9. In het linkerinvoerveld klik je op Nieuwe variabele....

10. Als variabele configuratie kies je voor Variabele voor gegevenslaag.

11. Als Naam van variabele voor gegevenslaag vul je calendly_event in.

12. Sla deze variabele op.

13. In het middelste veld van je trigger kies je voor is gelijk aan en in het rechter invoerveld vul je event_scheduled in.

14. Sla de trigger op. Sla de tag op.

16. Test in de GTM preview mode of jouw GA4 gebeurtenistag geactiveerd wordt op het moment dat je de Calendly embed gebruikt om een meeting in te plannen.