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

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

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

はじめに

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

  • 「クリックのトラッキング」を利用すべきかどうかを判断します。
  • ウェブサイトの編集権限。お客様ご自身またはウェブ デベロッパーの方には、タグをウェブサイトのコードに追加する権限が必要になります。

手順

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

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

  1. コンバージョン アクションを作成して、ウェブサイトでのクリックを計測します。

タグを設定する際は、[ページの読み込み] ではなく [クリック] を選択してください。イベント スニペットは、次のようになります。

<script>
function gtag_report_conversion(url) {
     var callback = function () {
     if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
      'send_to': 'TAG_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 more About the Google tag.

  1. ウェブサイトで、該当のボタンやリンクが含まれるページの HTML を開きます。Google タグの直後、ページの 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>

  • Add the code to a button: This code shows you how to add click tracking functionality to a button using the <button> tag. In the code below, replace “http://example.com/your-link” with the destination URL of your link or “800-123-4567” with the phone number on your website.
<button onclick="return gtag_report_conversion('http://example.com/your-link')">Submit</button>

または

<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」)をパラメータ値として渡します。

Google タグを確認する

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

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

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

  1. コンバージョン アクションの設定が完了すると、コンバージョン タグは次のようになります。
    	<!-- Google Code for Add to Cart Conversion Page
    	In your html page, add the snippet and call goog_report_conversion
    	when someone clicks on the chosen link or button. -->
    	<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 コードの両方を設定する必要があります。これで、ユーザーが特定のリンクやボタンをクリックしたときにのみ、コンバージョンが記録されるようになります。

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

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

この情報は役に立ちましたか?

改善できる点がありましたらお聞かせください。
検索
検索をクリア
検索を終了
Google アプリ
メインメニュー