AJAX による実装

AJAX は、JavaScript と HTML を使用して、新しいページを読み込まずにコンテンツをクリアし、生成する方法です。

Adobe Analytics は、通常、ページの再読み込みに依存して、Analytics トラッキングオブジェクトをリセットします。別の URL に移動するたびに、すべての Analytics 変数がリセットされ、再定義できます。サイトで AJAX を使用する場合は、ページの更新がないことを考慮して実装を調整し、ヒット間でデータが不適切に保持されないようにします。

変数値をクリアする対策を講じた後は、AJAX を使用するサイトに Adobe Analytics を実装する方法は、他の実装方法とほとんど同じです。

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

通常、AJAX を使用するページは再読み込みされないので、ユーザーがサイトでおこなう操作は複数あります。Adobe Analytics を実装する場合は、ページビュー数とリンクトラッキングコールとを必ず区別してください。ユーザーがサイトで取ることのできるインタラクションごとに、次の質問を考慮します。

ユーザーがサイトを操作すると、そのインタラクションは新しいページと見なすのに十分な量のコンテンツをページ上で変更するか。

各ページの変数のクリア

AJAX を使用するページは再読み込みされないので、変数値が保持されます。したがって、変数値がヒット間で不適切に保持されないように、特別な調整が必要です。アドビでは、変数値を簡単にクリアする clearVars 関数を提供しています。各ヒットをアドビに送信した後、および次のヒットに対して変数値を設定する前に、この関数を必ず使用してください。

例

次の例では、単純な 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();
  });