Les limites des iframes
Il y a 3 limites principales à l'utilisation des iframes. Les 3 peuvent être contournées, si vous suivez à la lettre cette documentation en ligne.
Une iframe s'affiche mal par défaut : elle fait apparaître un cadre et une barre de défilement
Les iframes ne permettent pas d'avoir des statistiques de consultation sur Google Analytics
Sur un site web non sécurisé, certains navigateurs affichent un message d'erreur à la place de l'affichage d'une iframe.
Intégrer l'iframe
S'assurer que le design de votre formulaire est adapté
Pour intégrer votre site en iframe, vous devez vous préoccuper de l'interface utilisateur complète. Afin d'épurer au maximum votre formulaire et supprimer tous les éléments d'en-tête et de pied de page, vous devez choisir le layout iframe dans l'édition de votre page de formulaire. Pour ce faire, rendez-vous dans votre catégorie d'inscription et cliquez sur le bloc Formulaire d'inscription, puis sur l'écrou à droite du nom du formulaire. Ensuite, vous pouvez cliquer sur la liste déroulante de Layout et choisir l'option For iframe embedding avant de sauvegarder vos modifications.
Trouver le Snippet à intégrer à votre site web
Nous vous invitons à utiliser le code à intégrer présent dans le parcours d'inscription de la catégorie
Pour cela, vous devez cliquer sur le petit menu hamburger en bas de l'icône formulaire, puis cliquer sur module d'intégration.
Vous pouvez utiliser directement le premier rectangle de code et le copier-coller dans le code source de votre site internet.
Ce snippet fera en sorte que votre formulaire soit toujours la bonne hauteur sur votre site afin qu'il n'y ait pas de double barre de défilement. Cela résout les problèmes d'affichage des iframes.
Continuer de tracker vos visiteurs
Vous pouvez faire une croix sur Google Analytics et vos analyses d'origine et de conversion sur l'outil, mais ce n'est pas si grave, car vous trouverez toutes ces informations dans Eventmaker.
Pour cela, il faut continuer de tracker dans votre iframe vos variables UTM dynamiquement. Si vous regardez en détail le code du snippet, vous verrez qu'il y a le lien du formulaire :
Pour pouvoir tracker ce lien, il faudrait ajouter des variables en fin d'URL par exemple avec l👍 deuxième moitié de lien ci-contre : https://eurofa.eventmaker.io/?utm_source=website, mais cela suppose que votre site internet soit capable de gérer le changement de variable directement.
Pour vous faciliter la tâche, nous mettons à votre disposition le second snippet que vous devez insérer sur toutes les pages de votre site.
Ainsi ,vous pourrez insérer vos variables de tracking directement dans l'URL de votre site web :