サイトでのクリックをコンバージョンとして計測する

コンバージョン トラッキングを使うことで、ウェブサイトのボタンやリンク(「今すぐ購入」ボタンなど)のクリック、モバイルサイトに掲載した電話番号のクリックをトラッキングできます。

この記事では、ウェブサイトでのユーザーのクリックをトラッキングするためにコンバージョン トラッキング タグを追加、編集する方法について説明します。ページの読み込みを計測する一般的なコンバージョン トラッキングについては、こちらの手順をご確認ください。

はじめに

サイトにコンバージョン タグを設置する前に、以下の事前準備が必要です。

  • 「クリックのトラッキング」を利用すべきかどうかを判断します。 下記の「クリックのトラッキングが向いているケース」を読んで、「ページの読み込み」と「クリック」のどちらをコンバージョンとしてトラッキングするかを決めます。
  • ウェブサイトの編集権限が必要です。 お客様ご自身かサイト担当者に、タグをウェブサイトに追加する権限が必要です。

手順

使用しているコンバージョン トラッキング タグのバージョンを選択します。Google 広告からのみサイトワイド タグのスニペットを取得できます。この新しいバージョンに移行することをおすすめします。以前のバージョンの AdWords で使用していたタグを引き続き使用することも可能です。以前のバージョンのタグを設置している場合の手順もご覧いただけます。

グローバル サイトタグを使用してコンバージョン トラッキングを設定する

  1. コンバージョン アクションを作成します(パソコンサイトのクリックをトラッキングする場合は、ウェブサイトでのコンバージョン トラッキングを設定する、モバイルサイトのクリックをトラッキングする場合は、モバイルサイト上での電話番号リンクのクリックを計測するをご覧ください)。タグを設定する際には、必ず [ページの読み込み] ではなく [クリック] を選択してください。イベント スニペットは、次のようになります。
<script>
function gtag_report_conversion(url) {
  var callback = function () {
    if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
      'send_to': 'AW-CONVERSION_ID/CONVERSION_LABEL',
      'value': 1.0,
      'currency': 'USD',
      'event_callback': callback
  });
return false;
}
</script>

Note

You may disable the collection of remarketing data for users who do not wish to view personalized ads. Learn how to disable the collection of remarketing data for specific users
  1. ウェブサイトで、該当のボタンやリンクが含まれるページの HTML を開きます。グローバル サイトタグの直後、ページの head タグ(<head></head>)の間にイベント スニペットを挿入します。
  2. トラッキングするボタンやリンクのコードに直接 onclick 属性を追加します。使用するコードは、対象のリンクやボタンがサイトでどのように表示されるか(テキストリンク、ボタン、ボタン画像など)によって異なります。以下に例をご紹介します。

テキストリンク用のコード: このコードは、<a> タグを使用するリンクにクリック トラッキング機能を追加する方法を示しています。次のコードで、「http://example.com/your-link」をお客様のサイトのリンク先 URL に、「800-123-4567」を電話番号に、「Download now!」や「Call now!」をお客様のリンクテキストに置き換えます。リンクタグに追加するコードは、黄色でハイライト表示されています。

<a onclick="return gtag_report_conversion('http://example.com/your-link');"
href="http://example.com/your-link">Download now!</a>

or

<a onclick="return gtag_report_conversion('tel:800-123-4567');" href="tel:800-123-4567">Call now!</a>
 

ボタン用のコード: このコードは、<button> タグを使用するボタンにクリック トラッキング機能を追加する方法を示しています。次のコードで、「http://example.com/your-link」をお客様のサイトのリンク先 URL に、「800-123-4567」を電話番号に置き換えます。

<button onclick="return gtag_report_conversion(‘http://example.com/your-link')">Submit</button>

or

<button onclick="return gtag_report_conversion('tel:800-123-4567')">Call now!</button>

ボタン画像用のコード: 次のコードで、「download_button.gif」をお客様のボタン用の画像に置き換え、「width」と「height」の値をそのボタンのものに置き換えます。また、「http://example.com/your-link」をお客様のサイトのリンク先 URL に、「800-123-4567」を電話番号に置き換えます。

<img src="download_button.gif" alt="Download Whitepaper"
        width="32" height="32"
        onclick="return gtag_report_conversion('http://example.com/your-link')" /> 

or
<img src="call_button.gif" alt="Call now!"
        width="32" height="32"
        onclick="return gtag_report_conversion('tel:800-123-4567')" />  

コンバージョン トラッキングを利用するには、イベント スニペットと適切な onclick コード(上述のいずれか)の両方を、リンクやボタンのあるページに設定します。これで、ユーザーが特定のリンクやボタンをクリックしたときにのみ、コンバージョンが記録されるようになります。

重要

ユーザーがリンク、ボタン、ボタン画像をクリックするとウェブサイトは gtag_report_conversion 関数を呼び出し、ウェブサイトや電話リンク(例: 「http://example.com/your-link」や「tel:800-123- 4567」)をパラメータ値として渡します。

コンバージョン トラッキング タグを確認する

コンバージョン トラッキング タグが適切に設定され、コンバージョン トラッキングが正しく行われているかどうかを確認したい場合、またはタグに問題があると思われる場合は、コンバージョン トラッキング タグを確認してください。

JavaScript を使用してコンバージョン トラッキングを設定する

ウェブサイトやモバイルサイトでのクリックに基づいてコンバージョンをトラッキングする手順は以下のとおりです。

  1. コンバージョン アクションの設定が完了すると、コンバージョン タグは次のようになります。
    	<!-- カート追加コンバージョン ページの Google コード
    	HTML ページでスニペットを追加し、指定したリンクまたはボタンを
    	ユーザーがクリックしたときに goog_report_conversion を呼び出します。 -->
    	<script type="text/javascript">
    	 /* <![CDATA[ */
    	goog_snippet_vars = function() {
    	  var w = window;
          w.google_conversion_id = 12345678;
    	  w.google_conversion_label = "abcDeFGHIJklmN0PQ";
    	  w.google_conversion_value = 13.00;
    	  w.google_conversion_currency = "USD";
    	  w.google_remarketing_only = false;
    	}
    	// DO NOT CHANGE THE CODE BELOW.
    	goog_report_conversion = function(url) {
    	  goog_snippet_vars();
    	  window.google_conversion_format = "3";
    	  var opt = new Object();
    	  opt.onload_callback = function() {
    	  if (typeof(url) != 'undefined') {
    	    window.location = url;
    	  }
    	}
    	var conv_handler = window['google_trackConversion'];
    	if (typeof(conv_handler) == 'function') {
    	  conv_handler(opt);
    	  }
            }
    	/* ]]> */
    	</script>
    	<script type="text/javascript"
    	src="//www.googleadservices.com/pagead/conversion_async.js">
    	</script>
    

    パーソナライズド広告を表示したくないユーザーに対して、リマーケティング データの収集を無効にすることができます。詳しくは、特定のユーザーのリマーケティング データの収集を無効にする手順をご確認ください。
  2. ウェブサイトで、該当のボタンやリンクが含まれるページの HTML を開きます。
  3. ページの body タグ(<body></body>)の間に、コンバージョン タグを貼り付けます。
  4. 該当のボタンやリンクのコードに直接「on click」コマンドを追加します。使用するコードは、対象のリンクやボタンがサイトでどのように表示されるか(テキストリンク、画像、ボタンなど)によって異なります。以下に例をご紹介します。
    • テキストリンク用のコード: 次のコードで、「http://example.com/your-link」をお客様のウェブサイトの URL または電話番号のリンクに、「Download now!」をお客様のリンクテキストに置き換えます。
       
      <a onclick="goog_report_conversion ('http://example.com/your-link')"
      href="http://example.com/your-link">Download now!</a>
      

      または
       
      <a onclick="goog_report_conversion ('tel:800-123-4567')"
      href="#">Call now!</a>
      
    • ボタン用のコード: 次のコードで、「http://example.com/your-link」をお客様のウェブサイトの URL または電話番号のリンクに、「Download now!」をお客様のボタンテキストに置き換えます。
       
      <button onclick="goog_report_conversion('http://example.com/your-link')" href="http://example.com/your-link">Download now!</button>
      

      または
       
      <button onclick="goog_report_conversion('tel:800-123-4567')">Call 800-123-4567</button>
      
    • 画像用のコード: 次のコードで、「download_button.gif」をお客様のボタン画像に、「width」と「height」の値をお客様のボタンのパラメータに、「http://example.com/your-link」をお客様のリンクの URL に置き換えます。
       
      <img src="download_button.gif" alt="Download Whitepaper"
              width="32" height="32"
              onClick="goog_report_conversion
              ('http://example.com/your-link')"/>        

      または
       
      <img src="my_phone_button.gif" alt="Call: 800-123-4567"
       width="32" height="32" 
       onClick="goog_report_conversion('tel:800-123-4567')"/>
      

計測にあたっては、コンバージョン トラッキング タグと、上のサンプルから選んだ適切な onclick コードの両方を設定する必要があります。これで、ユーザーが特定のリンクやボタンをクリックしたときにのみ、コンバージョンが記録されるようになります。

コンバージョン タグを確認する

コンバージョン タグの設定に問題がないか確認したい場合、またはタグに問題があると思われる場合は、コンバージョン トラッキング タグの確認手順をご覧ください。

 
この情報は役に立ちましたか?
改善できる点がありましたらお聞かせください。