Comment créer un indicateur personnalisé de pages consultées

Objectif de cet article

Découvrez comment créer un indicateur Viewed Page personnalisé et comprendre quand vos clients visitent des pages non liées à des produits sur votre site.

Avant de commencer

Avant de poursuivre cet article, assurez-vous d’avoir intégré votre plateforme e-commerce (comme Shopify) à Klaviyo.

Il est important d’ajouter l’extrait de code JavaScript suivant à chaque page de votre site pour laquelle vous souhaitez suivre un indicateur Viewed Page. Cet extrait fonctionnera à la fois pour les landing page et toutes les autres pages du site.

Installer l’extrait de code

1. Copiez et collez l’extrait de code complet ci-dessous dans les fichiers de votre page.
2. Ensuite, enregistrez et publiez les fichiers de votre site web avec le code mis à jour.

<script type="text/javascript"> 
//Script to initialize Klaviyo object on page load
!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}(); </script>
<script type="text/javascript"> 
//Script to track viewed page
klaviyo.track("Viewed Page", {           
   PageName: "About Us"   
}); 
</script>

Une fois l’extrait ajouté à votre site, il enregistrera un indicateur personnalisé Viewed Page dans lequel le nom de la propriété PageName est égal à la valeur « About Us ».

Modification de la valeur PageName

Vous pouvez modifier la valeur par défaut ci-dessus pour qu’elle représente un autre nom de page sur votre site.

1. Supprimez la valeur par défaut "À propos de nous??.
2. Ajoutez le texte souhaité contenu entre les guillemets. Par exemple, si vous souhaitez suivre les visites de votre page d’histoires de marque, vous pouvez plutôt utiliser « Customer Stories » comme valeur.

Modifier la valeur Page Consultée

Vous pouvez modifier la valeur Viewed Page pour qu’elle représente une autre valeur (par exemple, Visited Page, Tracked Page, etc.).

1. Supprimez la valeur Viewed Page par défaut.
2. Ajoutez le texte souhaité entre les guillemets.

Suivre la page consultée par URL

Si vous souhaitez suivre Viewed Page by URL plutôt que par titre de page, vous pouvez utiliser l’extrait de code alternatif ci-dessous. Notez que page you wish to track doit inclure les guillemets et correspondre à l’URL de la page que vous souhaitez suivre.

<script type="text/javascript"> 
//Script to initialize Klaviyo object on page load
!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}(); </script>
<script type="text/javascript"> 
//Script to track viewed page
klaviyo.track("Viewed Page", {           
      url: window.location.href   
}); 
</script>

Tester votre tracking de pages consultées

Pour tester si votre tracking Viewed Page fonctionne, assurez-vous que votre page a été publiée et que vous avez ajouté « ?utm_email=youremail@example.com » à l’URL de votre page afin de vous ajouter un cookie et de suivre votre activité.

1. Après avoir visité votre page, accédez à votre compte Klaviyo.
2. Accédez à Analyse > Indicateurs.
3. Recherchez Viewed Page (ou tout autre nom que vous utilisez pour cet indicateur) dans le champ ci-dessus.

4. Cliquez sur votre indicateur Viewed Page (ou tout autre indicateur que vous utilisez).
5. Sélectionnez l’onglet Flux d’activité. Vous pouvez ensuite vérifier que votre indicateur effectue bien le tracking, comme illustré dans l’exemple ci-dessous.

Si vous pouvez voir votre activité, cela signifie que l’indicateur effectue le tracking avec succès. Si vous ne voyez pas votre activité, essayez de recharger la page dans Klaviyo.