Tally - Formulaire Integre

Ce qu'on va faire sur cette page

Tally est une excellente alternative gratuite a Google Forms avec un bien meilleur support du tracking. Tally envoie des events via postMessage que l'on peut capter avec un listener.

  1. Ouvrir GTM Preview
  2. Remplir le formulaire Tally
  3. Observer le Custom Event dans le dataLayer
  4. Copier le listener adapte

Formulaire Tally embed

Formulaire Tally

Remplacer par l'iframe Tally :
<iframe src="https://tally.so/embed/FORM_ID">

Listener Tally postMessage 
// Listener pour Tally (tag Custom HTML dans GTM) :

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

    var data;
    try {
      data = typeof e.data === "string" ? JSON.parse(e.data) : e.data;
    } catch(err) { return; }

    // Tally envoie "Tally.FormSubmitted" quand le form est soumis
    if (data.event === "Tally.FormSubmitted") {
      window.dataLayer.push({
        event: "tally_form_submit",
        form_id: data.payload.formId || "tally",
        form_name: data.payload.formName || "",
        response_id: data.payload.responseId || ""
      });
    }

    // Autres events Tally :
    // "Tally.FormLoaded"    -> formulaire charge
    // "Tally.FormPageView"  -> page vue (formulaires multi-pages)
  });
</script>
Configuration GTM 
// Configuration GTM :
// Trigger : Custom Event -> "tally_form_submit"
//
// Tag GA4 Event :
// Event name : generate_lead
// Parametres :
//   lead_source = "tally"
//   form_id = {{DLV - form_id}}
//   form_name = {{DLV - form_name}}

Pourquoi Tally ?

Tally est gratuit (illimite), aussi simple que Google Forms, mais avec un vrai support du tracking via postMessage. C'est notre recommandation pour remplacer Google Forms quand le tracking est important.