사용자 지정 조회한 페이지 지표를 만드는 방법

예상 2 읽은 시간(분)

업데이트 2024년 8월 29일 오후 7:12 EST

학습 내용

사용자 지정 조회 페이지 지표를 생성하고 고객이 사이트의 비제품 페이지를 방문하는 시기를 파악하는 방법을 알아보세요.

시작하기 전 안내 사항

이 글을 계속 진행하기 전에 전자상거래 플랫폼(예: Shopify)을 클라비요와 통합했는지 확인하세요.

조회된 페이지 지표를 추적하려는 사이트의 각 페이지에 다음 JavaScript 코드 스니펫을 추가하는 것이 중요합니다. 이 스니펫은 랜딩 페이지와 다른 사이트 페이지 모두에서 작동합니다.

스니펫 설치하기

아래 전체 스니펫을 복사하여 페이지 파일에 붙여넣습니다.
그런 다음 업데이트된 코드가 포함된 웹사이트 파일을 저장하고 게시합니다.

<스크립트 유형="텍스트/자바스크립트"> 
//페이지 로드 시 클라비요 객체를 초기화하는 스크립트
!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=새) 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>
<스크립트 유형="텍스트/자바스크립트"> 
//본 페이지를 추적하는 스크립트
klaviyo.track("조회됨 페이지", {           
   PageName: "About Us"   
}); 
</script>

스니펫이 사이트에 추가되면 속성 이름 PageName이 "회사 소개" 값과 같은 사용자 정의 조회된 페이지 메트릭이 기록됩니다.

페이지 이름 값 변경하기

위의 기본값을 변경하여 사이트의 다른 페이지 이름을 나타낼 수 있습니다.

기본값인 "회사 소개?? 값을 제거합니다.
따옴표 안에 원하는 텍스트를 추가합니다. 예를 들어 브랜드 스토리 페이지 방문을 추적하려는 경우 "고객 스토리" 을 값으로 사용할 수 있습니다.

조회한 페이지 값 변경하기

조회한 페이지 값을 다른 값(예: 방문한 페이지, 추적된 페이지 등)을 나타내도록 변경할 수 있습니다.

기본 조회한 페이지 값을 제거합니다.
따옴표 안에 원하는 텍스트를 추가합니다.

URL로 조회한 페이지 추적

페이지 제목이 아닌 URL로 조회한 페이지를 추적하려면 아래의 대체 스니펫을 사용하면 됩니다. 추적하려는 페이지에는 따옴표가 포함되어야 하며 추적하려는 페이지의 URL이어야 합니다.

<스크립트 유형="텍스트/자바스크립트"> 
//페이지 로드 시 클라비요 객체를 초기화하는 스크립트
!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=새) 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>
<스크립트 유형="텍스트/자바스크립트"> 
//본 페이지를 추적하는 스크립트
klaviyo.track("조회됨 페이지", {           
      url: window.location.href   
}); 
</script>

조회한 페이지 추적 테스트

조회한 페이지 추적이 제대로 작동하는지 테스트하려면 페이지가 게시되었는지 확인하고 "?utm_email=youremail@example.com" 을 페이지의 URL로 수정하여 쿠키를 설정하고 활동을 추적하세요.