テスト対象ページの滞在時間を計測するゴールの設定方法

2023年以降にご契約いただいたお客様の場合、「ゴール」の機能が「メトリクス」と記載されている場合がございます。
メトリクスもゴールと同様の種類をご利用いただけます。
表示されているUIが異なる場合はこちらをご確認ください。

ページ滞在時間を計測したい場合はカスタムコンバージョンゴールを設定する必要があります。この記事では、その設定例をご案内します。 

キャンペーンを開き、キャンペーン名の下に表示されるメニューバーから、設定 ＞ ゴール を開きます。

 開いた画面にて、カスタムコンバージョンを計測 をゴールとして追加します。10秒から60秒まで10秒毎に計測したい場合は、6つのゴールが必要です。

必要なゴールを全て設定してから、右上もしくは一番下にある緑色の 保存 ボタンを押してください。

設定 ＞ サマリー 画面にて発行される該当ゴールのJavascriptタグを、テキストエディタにコピーします。<script></script>の間にあるコードのみをコピーしてください。

Attention!

ゴール毎に一意のタグが発行されますので、必ず 設定 ＞ サマリー 画面より、該当ゴールのタグをコピーしてください。

カスタムゴールのJavascriptタグを準備したら、コードエディタを開いてください。

ページ内の要素が全て読み込まれた状態で滞在時間を計測し始めるために、上記のタグと、Javascriptの発火ロジックをPOST-CAMPAIGN JSに記入します。POST-CAMPAIGN JSを開くにはコードエディタのキャンペーンJS/CSSについてをご覧ください。

Attention!

下記のコードはゴール番号が289~294となっていますが、前のステップでコピーしたカスタムゴールのJavascriptタグに入れ替えてください。

Attention!

10秒毎ではなくて、例えば20秒毎に計測したい場合は下記のコードを修正する必要があります。「>=」の後に来る数字を計測したい時間に入れ替えてください。（例えば：100は100秒です）

1. // カスタムゴールの発火コード

2. setInterval(function(){

3.   // 10秒

4.   if(parseInt(timeSpentOnSite / 1000) >= 10){

5.     window._vis_opt_queue = window._vis_opt_queue || [];

6.     window._vis_opt_queue.push(function() {_vis_opt_goal_conversion(289);});

7.   }

8.   // 20秒

9.   if(parseInt(timeSpentOnSite / 1000) >= 20){

10.     window._vis_opt_queue = window._vis_opt_queue || [];

11.     window._vis_opt_queue.push(function() {_vis_opt_goal_conversion(290);});

12.   }

13.   // 30秒

14.   if(parseInt(timeSpentOnSite / 1000) >= 30){

15.     window._vis_opt_queue = window._vis_opt_queue || [];

16.     window._vis_opt_queue.push(function() {_vis_opt_goal_conversion(291);});

17.   }

18.   // 40秒

19.   if(parseInt(timeSpentOnSite / 1000) >= 40){

20.     window._vis_opt_queue = window._vis_opt_queue || [];

21.     window._vis_opt_queue.push(function() {_vis_opt_goal_conversion(292);});

22.   }

23.   // 50秒

24.   if(parseInt(timeSpentOnSite / 1000) >= 50){

25.     window._vis_opt_queue = window._vis_opt_queue || [];

26.     window._vis_opt_queue.push(function() {_vis_opt_goal_conversion(293);});

27.   }

28.   // 60秒

29.   if(parseInt(timeSpentOnSite / 1000) >= 60){

30.     window._vis_opt_queue = window._vis_opt_queue || [];

31.     window._vis_opt_queue.push(function() {_vis_opt_goal_conversion(294);});

32.   }

33. },1000);

34. 
    

35. // 滞在時間を計測する関数コード

36. var timer;

37. var timerStart;

38. var timeSpentOnSite = getTimeSpentOnSite();

39. 
    

40. function getTimeSpentOnSite(){

41.   timeSpentOnSite = parseInt(localStorage.getItem('timeSpentOnSite'));

42.   timeSpentOnSite = isNaN(timeSpentOnSite) ? 0 : timeSpentOnSite;

43.   return timeSpentOnSite;

44. }

45. 
    

46. function startCounting(){

47.   timerStart = Date.now();

48.   timer = setInterval(function(){

49.     timeSpentOnSite = getTimeSpentOnSite() + (Date.now() - timerStart);

50.     localStorage.setItem('timeSpentOnSite', timeSpentOnSite);

51.     timerStart = parseInt(Date.now());

52.     // Change to seconds

53.     var timeCount = parseInt(timeSpentOnSite / 1000);

54.     return timeCount;

55.   },1000);

56. }

57. startCounting();

58. 
    

59. 
    

60. /* ---------- If tab is inactive, stop timer ---------- */

61. 
    

62. var stopCountingWhenWindowIsInactive = true;

63. 
    

64. if( stopCountingWhenWindowIsInactive ){

65. 
    

66.   if( typeof document.hidden !== "undefined" ){

67.     var hidden = "hidden",

68.         visibilityChange = "visibilitychange",

69.         visibilityState = "visibilityState";

70.   }　else if ( typeof document.msHidden !== "undefined" ){

71.     var hidden = "msHidden",

72.         visibilityChange = "msvisibilitychange",

73.         visibilityState = "msVisibilityState";

74.   }

75.   var documentIsHidden = document[hidden];

76. 
    

77.   document.addEventListener(visibilityChange, function() {

78.     if(documentIsHidden != document[hidden]) {

79.       if( document[hidden] ){

80.         // Window is inactive

81.         clearInterval(timer);

82.       }　else{

83.         // Window is active

84.         startCounting();

85.       }

86.       documentIsHidden = document[hidden];

87.     }

88.   });

89. } 

コードを入れ終わったら、保存して終了です。