Typeform - Popup

Ce qu'on va faire sur cette page

Typeform en mode popup - s'ouvre au clic sur un bouton. Le tracking utilise le meme callback onSubmit.

  1. Ouvrir GTM Preview
  2. Cliquer le bouton pour ouvrir le Typeform en popup
  3. Remplir et soumettre
  4. Observer l'event dans le dataLayer

Typeform en popup

Evaluez votre niveau en tracking

Un quiz rapide de 5 questions pour situer vos competences.

Code Typeform Popup 
// Popup Typeform avec callback :

<button data-tf-popup="VOTRE_FORM_ID"
        data-tf-on-submit="typeformSubmit">
  Commencer le quiz
</button>
<script src="//embed.typeform.com/next/embed.js"></script>

<script>
  function typeformSubmit(data) {
    window.dataLayer.push({
      event: "typeform_submit",
      form_id: data.formId,
      response_id: data.responseId,
      form_context: "popup"
    });
  }
</script>

// Meme callback que l'embed, avec un parametre "form_context"
// pour distinguer popup vs embed dans GA4.

Modes disponibles Typeform

Standard (embed) : integre dans la page, toujours visible.
Popup : s'ouvre au clic dans un overlay.
Slider : glisse depuis le cote de l'ecran.
Popover : petit widget flottant.

Tous supportent le callback onSubmit - meme code de tracking.