メインコンテンツへスキップ

コンバージョン計測のタイミング設定

  • 更新

コンバージョン計測のタイミング設定とは

コンバージョンは4種類のタイミングで計測する事ができます。
施策内容に応じて、計測タイミングを設定してください。計測タイミングの設定は実装方法により異なります。

 

計測タイミング

計測タイミングは以下4種類となります。

 

■ページビュー

コンバージョンタグを設置したページを閲覧した場合にコンバージョンを計測

21_img03.jpg
図１ー１：ページビュー

 

■クリック

指定したリンク要素をクリックした場合にコンバージョンを計測

21_img04.jpg
図１－２：クリック

※配信したクリエイティブの内、複数のAタグのクリックを個別に計測したい場合も計測タイミング「クリック」を選択したコンバージョンタグを設置してご利用ください。(コンバージョンとしてクリックを計測します) クリック要素数分のコンバージョンタグを設置してください。

 

■滞在時間

コンバージョンタグを設置したページに一定時間以上滞在した場合にコンバージョンを計測

21_img05.jpg
図１－３：滞在時間

 

■スクロール

コンバージョンタグを設置したページ上の任意の地点までスクロールした場合にコンバージョンを計測

21_img06.jpg
図１－４：スクロール

 

コンバージョン計測条件について

コンバージョンの計測はLPでクリエイティブが配信表示されてから開始されるセッション時間内(セッション時間は「システム設定」にて変更可能です)にコンバージョンタグが読み込まれた場合に「直接遷移コンバージョン」として計測、セッション時間経過後(かつCookieの有効期間内)にコンバージョンタグが読み込まれると「間接遷移コンバージョン」として計測されます。直接遷移/間接遷移はレポートのビュー設定で切り替える事ができます。(ただし、間接遷移は「直接遷移+間接遷移」というデータでしか閲覧する事ができませんのでご了承ください)

例）セッション時間を1時間、Cookieの有効期間を90日間とした

21_img07.jpg
図２：設定イメージ

※LPでのクリエイティブ配信後、ターゲティング条件を満たさないでLPを再訪問しデフォルトの表示がされた場合はその後コンバージョンページに遷移しても直接/間接のいずれのコンバージョンも計測されませんのでご注意ください。

 

設定手順

DLPO管理画面のページ設定から「発火条件登録」ボタンをクリックし、表示される登録画面にて「コンバージョン」を選択し登録した際の計測タイミングは「ページビュー」となります。
「クリック」「滞在時間」「スクロール」を使用する場合は、該当スクリプトを実行するクリエイティブを作成し、キャンペーンに設定／稼働後に認識されたコンバージョンポイントをキャンペーンに設定する必要があります。

 

■ページビュー

DLPO管理画面のページ設定から「発火条件登録」ボタンをクリックし、表示される登録画面にて「コンバージョン」を選択し、発火条件を登録してください。登録した発火条件を発火ルールに設定後、「作成/更新」ボタンを押下し、作成/更新されたDLPOタグを対象ページに設置してください。
詳細は「ページ設定とは」をご覧ください。

 

■クリック

以下手順にて設定してください。

  1. DLPO管理画面のページ設定から「発火条件登録」ボタンをクリックし、表示される登録画面にて「エリア」を選択し、発火条件を登録してください。登録した発火条件を発火ルールに設定後、「作成/更新」ボタンを押下し、作成/更新されたDLPOタグを対象ページに設置してください。
    詳細は「ページ設定とは」をご覧ください。
     

  2. クリエイティブ個別登録の「標準エディター」または「HTMLエディター」にて、JavaScriptを実行するクリエイティブを登録してください。
    ※ページ内の可変要素のクリエイティブに対して設定を追加することも可能です。

    標準エディターの場合
    標準エディター設定に、クリック計測箇所にクリック時の処理を設定してください。なお、クリック計測箇所の要素毎に設定する内容が異なります。

    ・クリック計測箇所がaタグの場合
    ※aタグにてクリック計測を設定する場合は「noadlpo」を追記する必要があります。

    <a noadlpo href="form.html" onclick="adlpoMain('cv','pr=cv','img=beacon');">お申込み</a>

    ・クリック計測箇所がaタグ以外の場合

    <button type="button" onclick="adlpoMain('cv','pr=cv','img=beacon');">お申込み</button>

    ・すでに存在する要素に対しクリック計測を設定する場合

    let button = document.getElementById('{対象要素のid}');
button.addEventListener('click', ()=>{ adlpoMain('cv','pr=cv','img=beacon'); });

    クリック時にadlpoMainを呼び出してください。adlpoMainの第1引数「cv」はコンバージョンポイント名になります。判別しやすい名称を設定することをお勧めします。コンバージョンポイント名は、半角英数字、または「_」（アンダーバー）にて設定してください。なお、大文字小文字は区別されません。

    ※マルチデバイス対応サイトでは、デバイスにより発生するイベントが異なります。詳細は「■マルチデバイス対応サイトでの「クリック」計測について」をご覧ください。

    例）サイトにすでに存在するボタン（id = cta_btn）に、クリック計測を設定する場合
    timing_0201.png

    ※計測箇所が複数存在する場合も１つのクリエイティブにて対応可能です。詳細は「■計測箇所が複数存在する場合の対応について」をご覧ください。

    HTMLエディターの場合
    HTMLエディター設定にて、クリック計測箇所にクリック時の処理を設定してください。
    設定内容は、上記の標準エディターを参照ください。
    ※HTMLエディターにてJavaScriptを配信する場合、scriptタグが必要になります。

    例）サイトにすでに存在するボタン（id = cta_btn）に、クリック計測を設定する場合
    timing_0202.png
     

  3. キャンペーンを作成し、1にて作成したエリアに2のクリエイティブを設定後、稼働してください。稼働後に計測タイミングの操作を行うことで、対象計測タイミングのコンバージョンポイントが認識されます。その後、キャンペーンを編集し、認識されたコンバージョンポイントを設定してください。

 

■滞在時間

以下手順にて設定してください。

  1. DLPO管理画面のページ設定から「発火条件登録」ボタンをクリックし、表示される登録画面にて「エリア」を選択し、発火条件を登録してください。登録した発火条件を発火ルールに設定後、「作成/更新」ボタンを押下し、作成/更新されたDLPOタグを対象ページに設置してください。
    詳細は「ページ設定とは」をご覧ください。
     

  2. クリエイティブ個別登録の「標準エディター」または「HTMLエディター」にて、JavaScriptを実行するクリエイティブを登録してください。

    標準エディターの場合
    標準エディター設定に、滞在時間を計測する処理を設定してください。

    setTimeout(function(){ adlpoMain('cv','pr=cv','img=beacon') }, 30000);

    setTimeoutを利用して、指定時間が経過した後にadlpoMainを呼び出してください。adlpoMainの第1引数「cv」はコンバージョンポイント名になります。判別しやすい名称を設定することをお勧めします。コンバージョンポイント名は、半角英数字、または「_」（アンダーバー）にて設定してください。なお、大文字小文字は区別されません。
    setTimeoutの第2引数に滞在時間をミリ秒で設定してください。「30000」ミリ秒は「30」秒となります。


    例）サイトに30秒滞在したユーザーを計測する場合
    timing_0203.png

    ※計測箇所が複数存在する場合も１つのクリエイティブにて対応可能です。詳細は「■計測箇所が複数存在する場合の対応について」をご覧ください。

    HTMLエディターの場合
    HTMLエディター設定に、滞在時間を計測する処理を設定してください。
    設定内容は、上記の標準エディターを参照ください。
    ※HTMLエディターにてJavaScriptを配信する場合、scriptタグが必要になります。

    例）サイトに15秒滞在したユーザーを計測する場合
    timing_0204.png
     

  3. キャンペーンを作成し、1にて作成したエリアに2のクリエイティブを設定後、稼働してください。稼働後に計測タイミングの操作を行うことで、対象計測タイミングのコンバージョンポイントが認識されます。その後、キャンペーンを編集し、認識されたコンバージョンポイントを設定してください。

 

■スクロール

以下手順にて設定してください。

  1. DLPO管理画面のページ設定から「発火条件登録」ボタンをクリックし、表示される登録画面にて「エリア」を選択し、発火条件を登録してください。登録した発火条件を発火ルールに設定後、「作成/更新」ボタンを押下し、作成/更新されたDLPOタグを対象ページに設置してください。
    詳細は「ページ設定とは」をご覧ください。
     

  2. クリエイティブ個別登録の「標準エディター」または「HTMLエディター」にて、JavaScriptを実行するクリエイティブを登録してください。

    標準エディターの場合
    標準エディター設定に、ページのスクロール量が指定した割合に達したタイミングで計測する処理を設定してください。
    サンプルコードでは、スクロールを計測する処理「dlpoScrollCv」と、スクロール量が50%、100%(最下部)でdlpoScrollCvを呼び出しています。ページの上部から50%の位置に到達したタイミングで「cv_50」、最下部まで到達した場合に「cv_100」のCVが計測されます。

    (function () {
  function dlpoScrollCv(type, ratio, isJoin) {
    function getPageHeight() {
      var d = document.documentElement;
      var b = document.body;
      return Math.max(
        d.scrollHeight, b.scrollHeight,
        d.offsetHeight, b.offsetHeight,
        d.clientHeight, b.clientHeight
      );
    }
    function onScroll() {
      var d = document.documentElement;
      var b = document.body;
      var st = window.pageYOffset || d.scrollTop || b.scrollTop;
      var wh = window.innerHeight || d.clientHeight;
      var dh = getPageHeight();
      if (st + wh >= dh * (ratio / 100)) {
        window.removeEventListener('scroll', onScroll);
        if (typeof window.adlpoMain === 'function') {
          var firstArg = isJoin ? type + '_' + ratio : type;
          adlpoMain(firstArg, 'pr=cv', 'img=beacon');
        }
      }
    }
    window.addEventListener('scroll', onScroll);
  }
  dlpoScrollCv('cv_50', 50);
  dlpoScrollCv('cv_100', 100);
})();

    dlpoScrollCv内で、指定されたスクロール位置に達した際に、adlpoMainを呼び出しています。
    dlpoScrollCvの第1引数はコンバージョンポイント名になります。判別しやすい名称を設定することをお勧めします。コンバージョンポイント名は、半角英数字、または「_」（アンダーバー）にて設定してください。なお、大文字小文字は区別されません。
    第2引数は上部からスクロールした際に、発火させたい位置を割合(%)で指定してください。
    第3引数はtrueを指定すると、コンバージョンポイント名は「{第1引数の値}_{第2引数の値}」の形式で作成されます。
    未指定、falseの場合は、第1引数に指定した値がコンバージョンポイント名となります。


    例）ページの上部から50％の位置、最下部までスクロールしたユーザーを計測する場合
    timing_0205.png

    ※計測箇所が複数存在する場合も１つのクリエイティブにて対応可能です。詳細は「■計測箇所が複数存在する場合の対応について」をご覧ください。

    HTMLエディターの場合
    HTMLエディター設定に、ページのスクロール量が指定した割合に達したタイミングで計測する処理を設定してください。
    設定内容は、上記の標準エディターを参照ください。
    ※HTMLエディターにてJavaScriptを配信する場合、scriptタグが必要になります。

    例）ページの上部から50％の位置、最下部までスクロールしたユーザーを計測する場合
    timing_0206.png
     

  3. キャンペーンを作成し、1にて作成したエリアに2のクリエイティブを設定後、稼働してください。稼働後に計測タイミングの操作を行うことで、対象計測タイミングのコンバージョンポイントが認識されます。その後、キャンペーンを編集し、認識されたコンバージョンポイントを設定してください。

 

設定時のワンポイント

■Visualキャンペーン作成にてキャンペーンを作成する場合

Visualキャンペーン作成では、クリエイティブを「ビジュアルエディターで編集」する際に、「JSタグの追加」にてJavaScriptを設定することが可能です。「JSタグの追加」を使用して、「クリック」「滞在時間」「スクロール」計測用のスクリプトを実行するコードを設定することで、上記設定手順にて示したクリエイティブを直接実装することができます。

timing_0401.png
図３－１：Visualキャンペーン作成/クリエイティブ編集の「JSタグを追加」

 

■マルチデバイス対応サイトでの「クリック」計測について

WEBサイト上、PCなどの非タッチパネルにてボタンをクリックする場合と、タブレットなどのタッチパネルにてボタンをタッチする場合とでは発生するイベントが異なります。ページ上は同じボタンでも表示するデバイス及び操作によって発生するイベントが異なるのです。

クリック計測を設定する場合、対象となるイベントは以下が挙げられます。

表１：クリック計測 設定イベント一覧

イベント PC　※非タッチパネル タブレット/スマートフォン
click クリックした時 タッチした指を離した時（touchendの後）
touchstart × 発生しません 画面に指が触れた時
touchend × 発生しません タッチした指を離した時

キャンペーン施策によって、どのイベントを使用するかご検討ください。

※touchstart、touchendはタブレット/スマートフォンのブラウザのみで作動します。clickよりレスポンスが早くパフォーマンスが良いため、対象デバイスに特化した施策の場合はご利用をお勧めします。

 

■計測箇所が複数存在する場合の対応について

同じページ内にて、クリック計測箇所が複数存在する場合や、クリック計測、滞在時間計測、スクロール計測を同時に行いたい場合は、1つのクリエイティブに対象計測タイミングのスクリプトを設定することで実現可能です。

「クリック」「滞在時間」「スクロール」はいずれも同様の手順で設定を行います。

【手順】

  1. エリアの発火条件を登録、発火ルールの設定、対象ページへのDLPOタグの設置
  2. 対象計測タイミングのクリエイティブ登録
  3. キャンペーンを作成し、2のクリエイティブを設定後、キャンペーンを稼働。稼働後のページにて対象計測タイミングの操作を行うことで、コンバージョンポイントが認識され、キャンペーン編集により認識されたコンバージョンポイントを設定

上記手順より、「2. 対象計測タイミングのクリエイティブ登録」の際に、対象計測タイミングのスクリプトをもれなく設定してください。
※コンバージョンポイント名は対象計測タイミングの内容が判別しやすい名前を設定してください。
※追加要素名（divタグ内のid名）、メソッド名（クリック計測の場合：「function」キーワード以降に設定する名前）、イベント名（スクロール計測の場合：「scroll.」「resize.」以降に設定する名称）は対象計測タイミングごとに一意の値を設定してください。

例）同じページ内に、クリック計測箇所が複数存在する場合

timing_0402.png
図３－２：複数ボタンに対するクリック計測設定例