Show Menu
トピック×

AJAX による実装

AJAXは、JavaScriptとHTMLを使用して、新しいページを読み込まずにコンテンツをクリアし、生成する方法です。
Adobe Analyticsは、通常、ページのリロードに依存して、Analyticsトラッキングオブジェクトをリセットします。 別のURLに移動するたびに、すべてのAnalytics変数がリセットされ、再定義できます。 サイトでAJAXを使用する場合は、ページの更新がないことを考慮して実装を調整し、ヒット間でデータが不適切に保持されないようにします。
変数値をクリアする対策を講じた後は、AJAXを使用するサイトにAdobe Analyticsを実装する方法は、他の実装方法とほとんど同じです。

インタラクションとヒットタイプの決定

通常、AJAXを使用するページはリロードしないので、ユーザーがサイトで行う操作は複数あります。 Adobe Analyticsを導入する場合は、ページビュー数とリンクトラッキングコールとを必ず区別してください。 ユーザーがサイトでとることのできるインタラクションごとに、次の質問を考慮します。
ユーザがサイトを操作すると、そのインタラクションは新しいページと見なすのに十分な量のコンテンツをページ上で変更するか。
  • 回答が yesの場合 、ページビュートラッキングコール( s.t() )を使用します。
  • 回答がnoの場合は 、リンクトラッキングコール( s.tl() )を使用してインタラクションをトラッキングすることを検討します。
すべてのインタラクションまたはクリックを記録する必要はありません。 追跡に最も重要なアクションを慎重に検討し、それに応じてデータをアドビに送信します。

各ページの変数のクリア

変数値は、ページが再読み込みされないので、AJAXを使用するページで保持されます。 したがって、変数の値がヒット間で不適切に保持されないように、特別な調整が必要です。 アドビでは、変数値 clearVars を簡単にクリアする機能を提供しています。 各ヒットをアドビに送信した後、および次のヒットに対して変数値を設定する前に、この関数を必ず使用してください。
Hコー clearVars() ドではこの関数は使用できません。 AppMeasurementにアップグレードしていない場合は、各Analytics変数値を空の文字列に設定します。

次の例では、単純なJavaScriptを使用して、既存の変数値を消去し、新しい値を設定してから、アドビにイメージリクエストを送信します。
s.clearVars();
s.pageName = "Example AJAX page";
s.eVar1="Example value";
void(s.t());

以下の例では、JQuery .ajax 関数の done コールバックでのトラッキングコールを示しています。
$.ajax({
  url: "example.html",
  dataType: "html"
})
  .done(function( response ) {
    $( "#content" ).html( response );
  s.clearVars();
  s.pageName = $( "h1:first" ).text();
  s.t();
  });