ウェブサイトにコードスニペットを手動でインストールする

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

ウェブサイトでテストを実行し、訪問者データを追跡するには、まずすべての実験ページにPageSenseスニペットコードをインストールする必要があります。ウェブサイトにスニペットコードを追加するのは一度だけのプロセスであり、複数の実験を実行するたびに変更する必要はありません。なお、スペース内の各プロジェクトには固有のコードがあります。このインストールプロセスを完了するには、ウェブサイトのソースHTMLコードにアクセスできる必要があります。

ウェブサイトにPageSenseのコードスニペットを追加するには：

1. プロジェクトに移動し、上部バーにあるスニペットボタンをクリックします。

2. コピーをクリックして、ウェブページに挿入するコードスニペットのタイプを選択します。
Zoho PageSenseには、2つのタイプのコードスニペットがあります：

同期コード： スクリプトは、ウェブサイトの<head>タグから順にロードおよび実行されます。
非同期コード： スクリプトは、ウェブサイトの他の機能と同時にロードおよび実行されます。PageSenseでは、A/Bテスト、分割URLテスト、パーソナライゼーション実験には非同期コードの使用を避けることが望ましいです。なぜなら、このタイプのスクリプトはウェブページ上で同時に実行されるため、オリジナルページからバリエーションページへのページのちらつきが発生する可能性があるからです。

注意:

コードを メールで送信することができます。

Google Tag Manager、Prestashop、Intercomなどの他のサービスを介してコードスニペットをインストールすることもできます。

3. コピーしたコードスニペットを、ウェブサイトのHTMLスクリプトの<head> タグの中に貼り付けます。これを行うためには、開発者の助けが必要になる場合があります。

ウェブページのスクリプトには、PageSenseのスニペットコードが以下のように表示されます。

注意：

PageSenseのコードスニペットをウェブサイトに追加するのは、一度だけの手続きです。このコードは、プロジェクト内のすべての実験に自動的に更新されます。
同じコードスニペットを使用して複数のテストを実行できます。ただし、PageSenseでは、各プロジェクトごとにコードスニペットが固有です。
ウェブサイトのすべての実験ページにコードスニペットを追加することをおすすめします。
異なるPageSenseユーザーアカウントから実験を実行する場合、既存のコードスニペットをウェブサイトのページから削除し、現在のPageSenseアカウントから生成された新しいコードに置き換える必要があります。なぜなら、各プロジェクトのコードスニペットは固有だからです。

4. コードのインストールを確認するには、コードスニペットを追加したウェブページのURLをURLセクションに入力し、確認をクリックしてください。

新しいブラウザウィンドウで、成功メッセージと緑のチェックマークが表示されます。

赤いエラーメッセージが表示される場合、次のいずれかの理由が考えられます：

ウェブページのHTMLコードに異なるコードスニペットを貼り付けた可能性があります
コードにタイプミスがある可能性があります
ウェブページの読み込みに通常よりも長い時間がかかっています

ブラウザのウィンドウが10秒以上読み込まれる場合、検証メッセージは表示されません。ただし、このような場合でも、PageSenseのコードスニペットのステータスはバックエンドで正常になり、ウェブサイトの訪問者データのトラッキングが準備されます。

サイト上のコードの存在を手動で確認するには、以下の手順を実行してください：
1. トップバーのプロジェクト設定をクリックし、プロジェクト情報タブに移動し、ページに表示されるプロジェクトキーをコピーします。