カスタムのページ閲覧メトリックを作成する方法
このページで学べること
カスタム メトリック「Viewed Page」を作成する方法と、お客様がサイト上の非商品ページにアクセスするタイミングを把握する方法を確認してください。
始める前に
この記事を続ける前に、E コマースプラットフォーム（例：Shopify）を Klaviyo と連携していることを確認してください。
追跡したい各サイトページに、Viewed Page メトリック用の次の 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 が値 "About Us" と等しいカスタム Viewed Page メトリックを記録します。
値「PageName」を変更
上記のデフォルト値を変更して、サイト上の別のページ名を表すことができます。
- デフォルトの "会社概要?? 値" を削除します。
- 引用符内に含まれる、希望するテキストを追加してください。たとえば、ブランド ストーリーのページへの訪問をトラッキングしたい場合は、代わりに "Customer Stories" を値として使用できます。
Viewed Page の値を変更する
Viewed Page の値を変更して、別の値（例：Visited Page、Tracked Page など）を表すことができます。
- デフォルトの値「Viewed Page 」を削除します。
- 引用符内に含まれる目的のテキストを追加します。
URL 別の [閲覧したページ] を追跡
ページタイトルではなく URL 別の Viewed Page をトラッキングしたい場合は、以下の代替スニペットを使用できます。トラッキングしたいページ には引用符を含め、トラッキングしたいページの 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>閲覧ページのトラッキングをテストする
Viewed Page のトラッキングが機能しているかをテストするには、ページが公開されていること、およびページの URL に "?utm_email=youremail@example.com" を追加して Cookie を付与し、自身のアクティビティをトラッキングしていることを確認してください。
- ページにアクセスしたら、Klaviyo アカウントに移動します。
- [分析]>[メトリック] に移動します。
- 上のフィールドで「ページ閲覧」（または、このメトリックに使用している別の名前）を検索します。
4. Viewed Page メトリック（または使用している任意のメトリック）をクリックします。
5. [Activity feed] タブを選択します。その後、以下の例に示すように、メトリックがトラッキングできていることを確認できます。
アクティビティを表示できる場合、そのメトリックは正常にトラッキングされています。アクティビティが表示されない場合は、Klaviyo でページの再読み込みをお試しください。
Shopify ストアの場合、EU、EEA、英国、スイスにあるストアの訪問者については、Shopify の顧客プライバシー設定に基づき、訪問者が同意を提供しない限り、Klaviyo はオンサイトイベントをトラッキングしない場合があります。
その他のリソース
- Klaviyo の Cookie を理解する
Klaviyo がウェブトラッキングの一環として Cookie をどのように使用し、情報を収集してコンバージョン率やメールのパフォーマンス向上に役立てているかについて、詳しくはこちらをご覧ください。この記事では、Klaviyo が使用する特定の Cookie とその目的を説明し、顧客がどのようにトラッキングされるかを理解できるようにします。この情報は、Klaviyo がどのようにデータを収集するか、またそれが顧客のプライバシーやコンプライアンス法にどのような影響を与える可能性があるかを理解するのに役立ちます。
- Klaviyo オンサイトトラッキングのスタートガイド
Klaviyo で対応している E コマースサイトのオンサイトトラッキングについて説明します。主なオンサイトトラッキングは以下の 2 つです。
- Setting Up API-based Website Activity Events