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 continuer, assurez-vous que JavaScript sur site de Klaviyo (Klaviyo.js) est installé sur chaque page que vous souhaitez suivre. Pour Shopify, intégrez votre boutique et activez le tracking sur site à l’aide du guide de configuration. Pour d’autres sites, suivez Démarrer avec le tracking sur site de Klaviyo. Les extraits de code ci-dessous nécessitent Klaviyo.js pour envoyer des événements à votre compte.

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 chaque page que vous souhaitez suivre. Avant de publier, personnalisez le nom de la page et, si vous le souhaitez, le nom de l’événement, comme indiqué ci-dessous, ou utilisez l’extrait de code URL alternatif.
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>

Lorsqu’un visiteur identifié consulte une page contenant cet extrait de code, Klaviyo enregistre un événement sous votre indicateur personnalisé Viewed Page, avec la valeur PageName « About Us ».

Modification de la valeur PageName

Vous pouvez modifier l’exemple de valeur ci-dessus pour représenter un autre nom de page sur votre site.

1. Supprimez la valeur d’exemple "À 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 le nom de l’événement Page consultée

Vous pouvez remplacer le nom de l’événement Viewed Page par un autre nom (p. ex., Visited Page, Tracked Page, etc.).

1. Supprimez le nom de l’événement d’exemple Viewed Page .
2. Ajoutez le texte souhaité entre les guillemets.

Suivre la page consultée par URL

Pour suivre Viewed Page par URL plutôt que par nom de page, utilisez l’extrait de code alternatif ci-dessous à la place du premier extrait de code. Conservez window.location.href exactement comme indiqué, sans guillemets. Il définit automatiquement la propriété url sur l’URL de la page que le visiteur consulte.

<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 Page consultée fonctionne, assurez-vous que votre page a été publiée. Ajoutez ?utm_email=youremail@example.com à l’URL de la page, en remplaçant youremail@example.com par votre propre adresse e-mail de test. Si l’URL contient déjà un ?, utilisez &utm_email=youremail@example.com à la place. Ajoutez le paramètre avant tout fragment #, puis rechargez la page pour identifier votre navigateur et suivre votre visite.

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 Page consultée (ou sur l’indicateur que vous utilisez).
5. Sélectionnez l’onglet Flux d’activité. Trouvez l’événement correspondant à votre profil de test. Ouvrez son menu et sélectionnez Détails de l’activité pour vérifier que le nom de la page ou l’URL correspond à la page que vous avez visitée.

Si vous pouvez consulter votre activité, cela signifie que l’indicateur effectue le tracking correctement. Si vous ne voyez pas votre activité, essayez de recharger la page dans Klaviyo. Si cela n’apparaît toujours pas, confirmez que Klaviyo.js et l’extrait de code que vous avez choisi sont installés sur la page publiée, puis consultez-la de nouveau avec votre adresse e-mail de test. Pour Shopify, vérifiez également l’exigence de consentement ci-dessous.

Ressources supplémentaires