Skip to main content

Inclure une page vue virtuelle comme étape d'un tunnel de conversion

​Souvent, nous ajoutons une page vue virtuelle (PVV) comme thank you page.
Ce procédé marche bien mais qu'en est-il quand c'est une étape de funnel ?

Pour LCTO et l'achat de billet, nous avons créé une PVV lors de l'ouverture de la modale.

Cette ouverture est considéré comme une étape du tunnel de conversion.
Avec une intégration classique, nous obtenons une situation incohérente mais ici la situation est différente car le referrer est important.

Ici, la version initiale - https://bit.ly/3jnvMF0
Vous remarquez que les étapes 3 et 4 enregistrent le même nombre de passages et que pour l'étape 3, il n'y a aucune sortie. Cette situation est fausse

Ici la version corrigée - https://bit.ly/2CsBPrt
Les étapes 3 et 4 enregistrent un nombre de passages différents et l'étape 3 enregistre des sorties. Cette situation est normale.

La raison de cette erreur est due au referrer qui n'est pas envoyé de la page précédente vers la page suivante. Le referrer envoyé par le navigateur n'est pas la PVV (/fr/palais/modal) mais la page réelle (/fr/palais).

Pour corriger, dans GTM, en même temps que d'envoyer le dataLayer avec la PVV, nous devons également changer l'historique du navigateur comme ceci :

<script>
window.history.pushState('modal', {{page title}}+' modal', {{Page Path}}+'/modal');
dataLayer.push({
	'event':'virtualPageView',
	'virtualPageView':{{Page Path}}+'/modal'
});
</script>

De cette manière, le referrer que captera la page suivante sera bien la modale (/fr/palais/modal).

⚠️ Comme l'historique du navigateur est changé, si l'utilisateur fait back, le navigateur va vouloir charger la modale (/fr/palais/modal) et non l'url normale (/fr/palais)

Veillez donc alors à changer de la même manière la page précédente de /fr/palais/modal à /fr/palais pour ne pas créer de 404.

Dans le cas de LCTO, nous n'avions pas GTM pour faire ceci sur la plateforme Ingenie. Du coup, nous avons écrit une règle dans le htaccess pour striper le /modal et rediriger vers /fr/palais

RewriteRule (.*)/modal$ /$1? [R=301,L]