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

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

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

テストを実施し、Webサイトの訪問者データを監視するために、 初期的な 手順はあなたのWebサイトにPageSenseの断片的なコードをタグの下にインストールすることです。この断片的なコードをあなたのWebサイトに組み込むのは一度きりの作業であり、複数の実験を実行するたびに変更を頻繁に行う必要はありません。あなたのスペース内のそれぞれのプロジェクトはユニークなコードを持つことを忘れないでください。このインストールプロセスを行うためには、あなたのWebサイトのデータ元HTMLコードへのアクセスが必要です。

あなたのWebサイトにPageSenseの断片的なコードを組み込むために:
1. 自分のプロジェクトに移動し、上部の棒グラフの Snippet ボタンをクリックします。



2.
Copyをクリックして、Webページに挿入したいスニペットの種類を選択します。
Zoho PageSenseは2つのスニペットを提供します:
  • 同期コード: スクリプトは、Webサイトのタグから順番にロードされ、実行されます。

  • 非同期コード: スクリプトはWebサイトの他の機能と並行してロードされ、実行されます。PageSenseのA/Bテスト、URL分割テスト、パーソナライゼーション実験で非同期コードを使用することは避けるべきです。なぜなら、この種類のスクリプトはWebページ上で同時に実行され、元のコンテンツのページから変更ページへのページフリッカリング(ちらつき)を引き起こす可能性があるからです。


    Warning
    PageSenseの断片的なコードを、あなたのWebサイトのタグ直下に貼り付けます。これにより、あなたのサイト上で変更が行われるとすぐにコードが遅延なく実行されることを保証します。

Notesメモ:
  1. クリックによりメール経由で送信するで、コード をメールアドレスに送信することが可能です。
  2. また、Googleタグマネージャ、Prestashop、Intercomなどの他のサービスを通じてスニペットをインストールすることも可能です。
3. WebサイトのHTMLスクリプトの タグ内にコピーしたスニペットを貼り付けます。これを行うには、開発者の支援が必要かもしれません。
PageSenseのスニペットコードがWebページのスクリプトにどのように表示されるかについては、以下をご覧ください。
Notes
メモ:
Notes
  • PageSenseスニペットをウェブサイトに組み込むのは一度だけのプロセスです。このコードは、プロジェクト内のすべての実験に自動的に更新されます。

  • スニペットを埋め込む際に重要なことは、適切な機能を確保するためにコードを変更したり、最小化したりしないことです。

  • 同じスニペットを使用して、複数のテストを実施することができます。ただし、各プロジェクトのスニペットはユニークであることに注意してください。

  • 別のPageSenseユーザーアカウントから実験を行いたい場合は、Webサイトのページから既存のスニペットを削除し、新しいコードに置き換える必要があります。これは、プロジェクトごとのスニペットがユニークであるためです。

4. コードのインストールを認証するために、スニペットを追加したWebページのURLをURLセクションに入力し、次に認証するをクリックします。




新規なブラウザーウィンドウに緑のチェックマークと共に完了メッセージが表示されます。


Info
赤でエラーメッセージが表示された場合、以下の理由による可能性があります:
  • WebページのHTMLコードに、異なるスニペットを貼り付けている。

  • コードに印刷ミスがある。

  • Webページのロードに通常よりも10秒以上かかる。

  • WebページのHTMLに複数回スニペットを追加しようとしている。

あなたのWebページが10秒以上でロードする場合、確認メッセージはブラウザーウィンドウに表示されません。ただし、そのような場合でも、PageSenseスニペットの状態はバックエンドで成功し、お客様のWebサイトの訪問者データの追跡が可能となります。以下の手順に従って、スニペットの存在を確認できます。

1. トップの棒グラフでプロジェクト設定をクリックし、プロジェクト情報に移動し、ページで提供されるプロジェクトキーをコピーします。



2. ブラウザーでWebサイトを開き、ページを右クリックしてメニューから検証を選択します。


3. 次に、Networkタブをクリックし、図に示されているようにフィルタテキストボックスにプロジェクトキーを貼り付けます。


4. プロジェクトキーを入力すると、更新後にJavaスクリプトが最初に表示されるはずです。以下のように示されます。




このドキュメンテーションが皆様のプロセスを簡素化することを願っています。ご不明な点やお問い合わせがございましたら、いつでもサポート@zohopagesense.comまでメールをお送りください。