Webサイトへのスニペットの手動インストール

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

Webサイトで訪問者の行動のトラッキングや実験を開始するには、Zoho PageSenseスニペットを設置する必要があります。

スニペットは小さなJavaScriptコードで、PageSenseがWebサイト上で訪問者データを収集し、実験を実行し、パーソナライズされた体験を提供できるようにします。

メモ：これは1回限りの設定です。設置後は、選択したWebサイト／プロジェクト内のすべての実験で同じスニペットが自動的に機能します。

開始前の確認

次のものがあることを確認してください。

WebサイトのHTMLソースコードへのアクセス権
Webサイトの<head>セクションを編集する権限
正しいPageSense Webサイト／プロジェクトが選択されていること

PageSenseの各Webサイト／プロジェクトには固有のスニペットがあるため、正しいものを使用していることを確認してください。

スニペットへのアクセス

Zoho PageSenseアカウントにログインします
［設定］に移動します

Zoho PageSenseのWebサイト設定にあるスニペットセクションでは、WebサイトにPageSenseのトラッキングコードを設置、管理できます。このスニペットの設置は、訪問者の行動データの収集やサイトでの最適化実験を開始するための最初で最も重要な手順です。

Webサイトにスニペットを追加すると、PageSenseはクリック、スクロール、ページ訪問、コンバージョン、その他の行動指標など、訪問者の操作のトラッキングを開始します。このデータは、A/Bテスト、スプリットURLテスト、パーソナライズ、ヒートマップ、ファネル、フォーム分析、目標などのPageSense機能で使用されます。

スニペットを正しく設置することで、PageSenseは訪問者を一貫してトラッキングし、正確な分析結果と実験結果を提供できます

適切なスニペット種別の選択

PageSenseには3種類のスニペットがあります。パフォーマンスと実験の精度を確保するには、適切なものを選択することが重要です。

同期コード

非同期コード

スマートコード（推奨）

同期コード

同期コードは、<head>セクションからスクリプトを順番に読み込みます。

実行順序を制御できます
特定の環境でより安定します
ページの読み込み速度にわずかに影響します

最適な用途：
スクリプトの実行順序を厳密に制御する必要がある場合

例：Webサイトがスクリプトの順次読み込みに依存している場合、同期コードによりPageSenseが正しい順序で実行されます。

非同期コード

非同期コードは、ページ上の他のスクリプトと並行して読み込まれます。

他のリソースと並行してより高速に読み込まれます
ページのレンダリングをブロックしません
実験中にちらつきが発生する場合があります

最適な用途：
基本的なトラッキング用途（実験には推奨されません）

例：A/Bテストやパーソナライズを実行せず、訪問者データのみをトラッキングしたい場合に適しています。

スマートコード（推奨）

スマートコードは、最も高度で推奨されるスニペット種別です。

スクリプトの読み込みを自動的に最適化します
実験中のページのちらつきを軽減します
ページのレンダリングパフォーマンスを向上させます
A/Bテストとパーソナライズをよりスムーズに実行できます

最適な用途：
A/Bテスト、スプリットURLテスト、パーソナライズ、全体的なパフォーマンス最適化

例：パーソナライズキャンペーンを実行する場合、スマートコードにより、ユーザーに元のページのちらつきが表示されることなく、パーソナライズされたバージョンが直接表示されます。

パフォーマンス、精度、ユーザー体験のバランスを最適にするには、スマートコードを使用してください。

PageSenseスニペットコードを、Webサイトの<head>タグの直下に貼り付けます。これにより、サイトに変更が加えられたときに、遅延なくコードをすぐに実行できます。

Webページのスクリプトでは、PageSenseスニペットコードは次のようになります。

メモ：

スニペットを埋め込む際は、正しく機能させるためにコードを変更したり圧縮したりしないことが重要です。
Webページに設置した同じスニペットで、複数のテストを実行できます。ただし、PageSenseではスニペットはプロジェクトごとに固有です。
別のPageSenseユーザーアカウントから実験を実行する場合、Webサイトのページから既存のスニペットを削除し、現在のPageSenseアカウントで生成された新しいコードに置き換える必要があります。これは、各プロジェクトのスニペットが固有であるためです。

スニペット設置の確認

スニペットを追加した後、正しく設置されているか確認します。

設置の確認セクションに移動します
WebサイトのURLを入力します
［確認］をクリックします

確認結果

成功メッセージ（緑のチェック）：スニペットが正しく設置され、トラッキングが有効です。

メモ - ページの読み込みに時間がかかりすぎる場合、確認結果が表示されないことがあります。ただし、バックエンドではトラッキングが機能している場合があります。

エラーメッセージ：設置に問題があることを示します

赤色のエラーメッセージが表示される場合、次のいずれかが原因の可能性があります。

WebページのHTMLコードに別のスニペットを貼り付けています。
コードに入力ミスがあります。
Webページの読み込みに通常より10秒以上かかっています。
WebページのHTMLにスニペットを複数回追加しようとしています。

確認に関する問題のトラブルシューティング

確認に失敗した場合は、次の点を確認してください。

誤ったスニペットまたは不完全なスニペットが追加されている
コードに入力ミスがある
スニペットが複数回追加されている
ページの読み込み時間が10秒を超えている

Webページの読み込みに10秒を超える時間がかかる場合、確認メッセージはブラウザーウィンドウに表示されません。ただし、そのような場合でも、バックエンドではPageSenseスニペットのステータスは成功となり、Webサイトで訪問者データをトラッキングできる状態になります。次の手順でスニペットの有無を確認できます。