맞춤 Viewed Page 지표를 만드는 방법

예상 2분 읽기

업데이트 2025년 9월 29일 AM 12:00 EST

학습 내용

맞춤 Viewed Page 지표를 만드는 방법을 알아보고, 고객이 사이트에서 제품 페이지가 아닌 페이지를 방문하는 시점을 파악해 보세요.

시작하기 전에 알아야 할 것

이 문서를 계속하기 전에 전자상거래 플랫폼(예: Shopify)을(를) Klaviyo와 통합했는지 확인해 주세요.

페이지 조회 지표를 추적하려는 사이트의 각 페이지에 다음 JavaScript 코드 조각을 추가하는 것이 중요해요. 이 코드 조각은 랜딩 페이지와 기타 모든 사이트 페이지에서 모두 작동해요.

코드 조각 설치

아래의 전체 스니펫을 페이지 파일에 복사해 붙여넣어 주세요.
그런 다음 업데이트된 코드로 웹사이트 파일을 저장하고 게시하세요.

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

스니펫이 사이트에 추가되면, 속성 이름 PageName이 값 “회사 소개”와 같은 사용자 지정 페이지 조회 지표를 기록합니다.

PageName 값 변경

위의 기본값을 변경해 사이트의 다른 페이지 이름을 나타낼 수 있어요.

기본 "About Us?? 값을 삭제하세요.
따옴표 안에 원하는 텍스트를 추가해 주세요. 예를 들어 브랜드 스토리 페이지 방문을 추적하려면 값으로 "Customer Stories"를 대신 사용할 수 있어요.

조회한 페이지 값 변경

Viewed Page 값을 다른 값(예: Visited Page, Tracked Page 등)으로 나타내도록 변경할 수 있어요.

기본 Viewed Page 값을 삭제하세요.
따옴표 안에 포함된 원하는 텍스트를 추가하세요.

URL로 조회한 페이지 트래킹

페이지 제목이 아니라 Viewed Page by URL로 추적하려면 아래의 대체 스니펫을 사용할 수 있어요. page you wish to track 에는 따옴표를 포함해야 하며, 추적하려는 페이지의 URL이어야 합니다.

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