Data/Tracking

Suivre et remonter la première page de navigation de vos prospects dans Webflow

outils :
Illustration croce

Sommaire

Vidéo

1. Ajoutez le custom code pour récupérer la 1ère page de navigation et la stocker dans la session

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

 <script>
// Déclarer la variable firstPage pour les nouveaux utilisateurs et la stock dans la session
var firstPage;
if (!sessionStorage.getItem("firstPage")) {
  firstPage = window.location.pathname;
  sessionStorage.setItem("firstPage", firstPage);
} else {
  firstPage = sessionStorage.getItem("firstPage");
}
</script>

2. Ajoutez à votre formulaire un champ pour remonter la valeur stockée

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 à votre champs de formulaire

4. Ajoutez le custom code pour afficher l'URL de la 1ère page dans votre champ de formulaire

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

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

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