Come creare una metrica personalizzata di visualizzazione della pagina

Cosa imparerai

Scopri come creare una metrica Pagina visualizzata personalizzata e capire quando i tuoi clienti visitano pagine non di prodotto sul tuo sito.

Prima di iniziare

Prima di continuare, assicurati che il JavaScript onsite di Klaviyo (Klaviyo.js) sia installato su ogni pagina che vuoi tracciare. Per Shopify, integra il tuo negozio e abilita il tracciamento onsite utilizzando la guida alla configurazione. Per altri siti, segui Primi passi con il tracciamento sul sito di Klaviyo. Gli snippet di seguito richiedono Klaviyo.js per inviare eventi al tuo account.

È importante aggiungere il seguente snippet di codice JavaScript a ogni pagina del tuo sito per cui vuoi monitorare una metrica Viewed Page. Questo snippet funziona sia per le landing page sia per qualsiasi altra pagina del sito.

Installare lo snippet

1. Copia e incolla lo snippet completo qui sotto in ogni pagina che vuoi monitorare. Prima di pubblicare, personalizza il nome della pagina e l'eventuale nome dell'evento come descritto di seguito oppure usa lo snippet URL alternativo.
2. Poi salva e pubblica i file del tuo sito web con il codice aggiornato.

<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>

Quando un visitatore identificato visualizza una pagina che contiene questo snippet, Klaviyo registra un evento nella tua metrica personalizzata Viewed Page, con il valore PageName "About Us".

Modifica del valore PageName

Puoi modificare il valore di esempio sopra per rappresentare il nome di un'altra pagina del tuo sito.

1. Rimuovi il valore di esempio "About Us".
2. Aggiungi il testo desiderato contenuto tra virgolette. Ad esempio, se vuoi monitorare le visite alla pagina delle storie del tuo brand, puoi invece usare "Storie dei clienti" come valore.

Modifica del nome dell’evento Pagina visualizzata

Puoi cambiare il nome dell’evento Viewed Page con un altro nome (ad esempio Visited Page, Tracked Page, ecc.).

1. Rimuovi il nome dell’evento di esempio Viewed Page .
2. Aggiungi il testo desiderato contenuto tra le virgolette.

Traccia la pagina visualizzata per URL

Per tracciare Viewed Page in base all’URL invece che in base al nome della pagina, usa lo snippet alternativo di seguito al posto del primo snippet. Mantieni window.location.href esattamente come mostrato, senza virgolette. Imposta automaticamente la proprietà url sull'URL della pagina che il visitatore sta visualizzando.

<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>

Testa il tracciamento della pagina visualizzata

Per verificare se il tracciamento Viewed Page funziona, assicurati che la pagina sia stata pubblicata. Aggiungi ?utm_email=youremail@example.com all’URL della pagina, sostituendo youremail@example.com con il tuo indirizzo e-mail di test. Se l’URL contiene già un ?, usa invece &utm_email=youremail@example.com. Aggiungi il parametro prima di qualsiasi frammento #, quindi ricarica la pagina per identificare il browser e tracciare la visita.

1. Dopo aver visitato la tua pagina, accedi al tuo account Klaviyo.
2. Vai a Analisi > Metriche.
3. Cerca Viewed Page (o qualsiasi nome alternativo tu usi per questa metrica) nel campo sopra.

4. Clicca sulla metrica Viewed Page (o su qualsiasi metrica tu stia utilizzando).
5. Seleziona la scheda Feed attività. Trova l'evento per il tuo profilo di test. Apri il suo menu e seleziona Dettagli attività per verificare che il nome della pagina o l'URL corrispondano alla pagina che hai visitato.

Se riesci a visualizzare la tua attività, significa che la metrica sta effettuando il tracciamento correttamente. Se non vedi la tua attività, prova a ricaricare la pagina in Klaviyo. Se ancora non appare, verifica che Klaviyo.js e lo snippet che hai scelto siano installati sulla pagina pubblicata, quindi visita di nuovo la pagina con il tuo indirizzo e-mail di test. Per Shopify, controlla anche il requisito di consenso qui sotto.

Risorse aggiuntive