GoHighLevel - Formulaire

Ce qu'on va faire sur cette page

GoHighLevel (GHL) permet d'integrer des formulaires via iframe. Le tracking se fait par listener postMessage ou redirection.

  1. Ouvrir GTM Preview
  2. Interagir avec le formulaire GHL
  3. Observer les events dans le dataLayer
  4. Tester les deux methodes de tracking

Formulaire GoHighLevel integre via iframe

Formulaire GoHighLevel

Remplacer ce placeholder par l'iframe de votre formulaire GHL :
<iframe src="https://your-ghl-url.com/widget/form/xxx">

Le formulaire reel sera integre une fois le sous-domaine GHL configure.

Methode 1 : Listener postMessage 
// Methode 1 : Listener postMessage pour GHL forms
// GHL envoie un message quand le formulaire est soumis

<script>
  (function() {
    window.addEventListener("message", function(e) {
      // GHL envoie differents types de messages
      if (!e.data) return;

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

      // Detecter la soumission de formulaire GHL
      if (data.type === "form_submitted" || data.action === "form_submitted") {
        window.dataLayer.push({
          event: "ghl_form_submit",
          form_id: data.form_id || "ghl-form",
          form_name: data.form_name || "GoHighLevel Form"
        });
      }
    });
  })();
</script>
Methodes alternatives 
// Methode 2 : Redirection vers thank-you page
// Dans GHL > Forms > votre formulaire > Settings :
// "Redirect to URL after submission"
// URL : https://demo.impulsion.com/forms/confirmation/?source=ghl-form

// Methode 3 : Webhook + server-side
// GHL permet de configurer des webhooks a la soumission.
// On peut utiliser un webhook pour envoyer un event server-side a GA4.
// Plus fiable mais plus complexe a mettre en place.

GHL et le tracking

GHL est un outil tout-en-un qui a son propre systeme de tracking. Mais pour avoir les conversions dans GA4 et Google Ads, il faut quand meme mettre en place le tracking cote client (listener ou redirect). La methode redirect est la plus fiable pour GHL.