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

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

訪問者の行動を追跡し、Webサイトでテストを実行するには、Zoho PageSenseのコードスニペットをインストールする必要があります。

コードスニペットは短いJavaScriptコードで、PageSenseがWebサイト上の訪問者データを収集し、テストを実行して、パーソナライズされたエクスペリエンスを提供できるようにします。

メモ：これは一度のみ必要な設定です。インストールすると、選択した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サイト上の訪問者データを追跡できる状態になっています。コードスニペットが追加されていることは、次の手順で検証できます。

別の確認方法

確認ツールでインストール済みと確定できない場合。

［設定］から［プロジェクトキー］をコピーします
Webサイトを開きます
右クリック → ［検証］を選択します
［ネットワーク］タブに移動します
［フィルター］にプロジェクトキーを貼り付けます
ページを更新します

スクリプトが表示されれば、コードスニペットは正常にインストールされています。

プライバシーとCookieによるトラッキング

コードスニペットをインストールすると、PageSenseはCookieを使用して訪問者データのトラッキングを開始します。

次の対応をお勧めします。

Cookie同意バナーを有効にします
トラッキングとパーソナライゼーションについてユーザーに通知します

これにより、プライバシー関連法規を遵守しやすくなります。

その他のインストール方法

Google タグマネージャー（GTM）

Webサイトのコードを編集せずに、GTMを使用してコードスニペットをインストールできます。

例：PageSenseのコードスニペットをカスタムHTMLタグとしてGTMに追加し、すべてのページで実行されるようにトリガーを設定します。

このドキュメントは、すべての手順を順を追ってご案内できるよう作成されています。さらにサポートが必要な場合や質問がある場合は、support@zohopagesense.comまでお気軽にお問い合わせください。いつでもサポートいたします！