Data/Tracking

Suivre l'origine de vos conversions grâce aux paramètres UTM dans Webflow

outils :
Illustration croce

Sommaire

Vidéo

1. Ajoutez le custom code pour récupérer le paramètre UTM et le stocker dans la session

Ajoutez ce custom code dans le head de chacune de vos pages d'atterrissage

 <script>
  // Récupération de la valeur des paramètres "utm_source" dans l'URL et la stock dans la session
  var utmSource;
  if (!sessionStorage.getItem("utmSource")) {
 utmSource = new URL(window.location.href).searchParams.get("utm_source") || "google";
  sessionStorage.setItem("utmSource", utmSource);
} else {
  utmSource = sessionStorage.getItem("utmSource");
}
</script>

2. Ajoutez à votre formulaire des champs pour remonter les paramètres UTM

Pensez à bien mettre ces champs en display : none, vos prospects n'ont pas besoin de les voir et cela risque de dégrader votre taux de conversion.

3. Ajoutez un ID à chacun des champs que vous utilisez pour remonter des valeurs

4. Ajoutez le custom code pour afficher le paramètre UTM dans vos champs de formulaire

 < script>
// Récupérer l'élément HTML correspondant au champ de formulaire
var leadSource = document.getElementById("leadSource");
// Modifier la valeur de l'élément HTML pour afficher firstPage
leadSource.value = utmSource;
</script>

Pensez à bien mettre la valeur de l'ID que vous avez renseigné précédemment à la place de "leadSource"

5. Publiez votre site et testez le résultat

Photo de l'auteur
Sandro D.
Publié le
16/5/2024
Mis à jour le
16/5/2024
Growth Marketer, expert Webflow et touche à tout. Je m'occupe des opérations commerciale, veille au bon déroulement des projets et m’occupe des problématiques liées au marketing (SEO, Tracking, Copywriting, etc)
Ces tutoriels pourraient vous intéresser

Nos tutoriels de la même catégorie

Voir tous nos tutoriels
Illustration traits
Nous utilisons les meilleurs outils

développés avec les meilleurs outils et les meilleurs pratiques

Gemeos ne vous propose pas simplement un site web, mais une expertise sur les meilleurs outils pour vous garantir un retour sur investissement optimal. 

Figma

Pour le design de votre site web

Webflow

Pour l’intégration de votre site web

Client-first

Pour organiser vos projets

Wized

Pour ajouter des fonctionnalité à vos projets

Make

Pour l’automatisation de vos flux de travail