Jak utworzyć niestandardową metrykę wyświetlonej strony

Czego się dowiesz?

Dowiedz się, jak utworzyć niestandardową metrykę Viewed Page i zrozumieć, kiedy klienci odwiedzają na Twojej stronie strony inne niż produktowe.

Kilka słów na początek

Zanim przejdziesz dalej, upewnij się, że javascript Klaviyo na stronie (Klaviyo.js) jest zainstalowany na każdej stronie, którą chcesz śledzić. W przypadku Shopify zintegruj swój sklep i włącz śledzenie na stronie, korzystając z przewodnika konfiguracji. W przypadku innych witryn zapoznaj się z artykułem Pierwsze kroki ze śledzeniem na stronie Klaviyo. Poniższe fragmenty kodu wymagają Klaviyo.js, aby wysyłać zdarzenia na Twoje konto.

Ważne jest, aby dodać poniższy wycinek kodu źródłowego JavaScript do każdej strony Twojej witryny, dla której chcesz śledzić metrykę Viewed Page. Ten wycinek kodu źródłowego będzie działać zarówno na strona docelowa, jak i na wszystkich pozostałych stronach witryny.

Instalowanie wycinka kodu źródłowego

1. Skopiuj i wklej cały fragment kodu poniżej na każdej stronie, którą chcesz śledzić. Przed opublikowaniem dostosuj nazwę strony i opcjonalną nazwę zdarzenia zgodnie z opisem poniżej lub użyj alternatywnego fragmentu kodu URL.
2. Następnie zapisz i opublikuj pliki witryny z zaktualizowanym kodem.

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

Gdy zidentyfikowany odwiedzający wyświetli stronę zawierającą ten fragment kodu, Klaviyo rejestruje zdarzenie w ramach Twojej niestandardowej metryce Viewed Page, z wartością PageName "O nas".

Zmiana wartości PageName

Możesz zmienić przykładową wartość powyżej, aby reprezentowała inną nazwę strony w Twojej witrynie.

1. Usuń przykładową wartość "O nas".
2. Dodaj wybrany tekst znajdujący się w cudzysłowie. Na przykład jeśli chcesz śledzić wizyty na stronie historii marki, możesz zamiast tego użyć wartości „Historie klientów”.

Zmiana nazwy zdarzenia Wyświetlona strona

Możesz zmienić nazwę zdarzenia Viewed Page na inną (np. Visited Page, Tracked Page itd.).

1. Usuń przykładową nazwę zdarzenia Wyświetlono stronę .
2. Dodaj wybrany tekst umieszczony w cudzysłowie.

Śledź Wyświetlono stronę według adresu URL

Aby śledzić Viewed Page według adresu URL zamiast według nazwy strony, użyj poniższego alternatywnego fragmentu kodu zamiast pierwszego fragmentu kodu. Zachowaj window.location.href dokładnie w pokazanej formie, bez cudzysłowów. Automatycznie ustawia właściwość url na adres URL strony, którą przegląda odwiedzający.

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

Testowanie śledzenia wyświetlanych stron

Aby sprawdzić, czy działa śledzenie Viewed Page, upewnij się, że Twoja strona została opublikowana. Dodaj ?utm_email=youremail@example.com do adresu URL strony, zastępując youremail@example.com swoim testowym adresem e-mail. Jeśli adres URL zawiera już ?, użyj zamiast tego &utm_email=youremail@example.com. Dodaj parametr przed dowolnym fragmentem #, a następnie odśwież stronę, aby zidentyfikować swoją przeglądarkę i śledzić wizytę.

1. Po odwiedzeniu strony przejdź do konta Klaviyo.
2. Przejdź do Analityka > Metryki.
3. Wyszukaj Viewed Page (lub inną nazwę, której używasz dla tej metryka) w polu powyżej.

4. Kliknij w swoją metrykę Viewed Page (lub inną metrykę, której używasz).
5. Wybierz kartę Activity feed. Znajdź zdarzenie dla swojego testowego profilu. Otwórz jego menu i wybierz Activity details, aby sprawdzić, czy nazwa strony lub adres URL odpowiada stronie, którą odwiedziłeś/-aś.

Jeśli widzisz swoją aktywność, oznacza to, że metryka śledzi ją prawidłowo. Jeśli nie widzisz swojej aktywności, spróbuj odświeżyć stronę w Klaviyo. Jeśli nadal się nie pojawia, upewnij się, że na opublikowanej stronie są zainstalowane Klaviyo.js i wybrany przez Ciebie fragment kodu, a następnie odwiedź ją ponownie, używając testowego adresu e-mail. W przypadku Shopify sprawdź też poniższy wymóg dotyczący zgody.

Dodatkowe źródła