GoHighLevel - Calendrier

Ce qu'on va faire sur cette page

GHL propose aussi un widget calendrier (prise de rendez-vous) similaire a Calendly. Le tracking suit la meme logique : listener iframe ou redirection.

  1. Observer le widget calendrier GHL ci-dessous
  2. Appliquer le listener adapte ou la redirection
  3. Comparer avec l'approche Calendly

Calendrier GoHighLevel integre

Calendrier GoHighLevel

Remplacer par l'iframe du calendrier GHL :
<iframe src="https://your-ghl-url.com/widget/booking/xxx">

Listener GHL Calendar 
// Listener pour le calendrier GHL (meme principe que les forms)

<script>
  (function() {
    window.addEventListener("message", function(e) {
      if (!e.data) return;

      var data = typeof e.data === "string" ? JSON.parse(e.data) : e.data;

      // Detecter la confirmation de RDV GHL
      if (data.type === "booking_confirmed" ||
          data.action === "appointment_booked") {
        window.dataLayer.push({
          event: "ghl_booking",
          booking_type: data.calendar_name || "ghl-calendar",
          booking_date: data.date || ""
        });
      }
    });
  })();
</script>
Configuration GTM 
// Alternative : redirect
// GHL Calendar > Settings > "Redirect after booking"
// URL : https://demo.impulsion.com/forms/confirmation/?source=ghl-calendar

// Configuration GTM :
// Trigger : Custom Event -> "ghl_booking"
// Tag GA4 : generate_lead avec lead_source = "ghl_calendar"

GHL Forms vs GHL Calendar

Meme approche technique, events differents. Le formulaire = lead gen classique. Le calendrier = prise de RDV. Dans GA4, on peut les distinguer avec le parametre lead_source.