web-dev-qa-db-ja.com

Google Adwordsのコンバージョンonclickを追跡する方法

Google Adwordsには、誰かがリンクをクリックした場合にコンバージョンをカウントするためにページに追加するコードはありません。しかし、Javascriptなので、これを行う方法があると確信しています。

以下に、Googleがページに含めるコード(変更なし)を示します。これは、コンバージョンとしてカウントされるはずです(ほとんどの場合、サンキューページです)。

<!-- Google Code for Klick Conversion Page -->
<script type="text/javascript">
<!--
var google_conversion_id = 1062751462;
var google_conversion_language = "de";
var google_conversion_format = "1";
var google_conversion_color = "ffffff";
var google_conversion_label = "dKXuCODvugEQ5pnh-gM";
var google_conversion_value = 0;
//-->
</script>
<script type="text/javascript" src="http://www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="http://www.googleadservices.com/pagead/conversion/1062751462/?label=dKXuCODvugEQ5pnh-gM&amp;guid=ON&amp;script=0"/>
</div>
</noscript>

他のコンバージョントラッキングスクリプトでは、コンバージョンをカウントするためにいくつかの関数を実行する必要があります。ここで、ページにJSファイルを追加するだけで、コンバージョントラッキングをトリガーするのに十分な場合があります。convert.jsはロード時に関数を呼び出します(ダウンロードして、コードbeatuifierで実行した後、それを見ると、本当にすてきな作業です) !)。

これに取り組む方法はありますか?

69
janpio

あなたがすでにそれを見つけたかどうかわからない...私は将来のサーファーのためにとにかくそれを言及する...

私は同じものを探していて、このコードを見つけました:

<script type="text/javascript"> 
    function trackConv(google_conversion_id, google_conversion_label) {
        var image = new Image(1, 1); 
        image.src = "//www.googleadservices.com/pagead/conversion/" + google_conversion_id + "/?label=" + google_conversion_label + "&script=0";  
    }
 </script>

次に、追跡したいリンクについては、これを行うだけです:

<a onclick="trackConv(1234567890, 'LQV8CNq6RxCKlPbvAw');" href="http://www.example.com">Link</a> 
115
Eli

Googleは現在、AdWordsの[コンバージョン]ページからコピーして貼り付けることができるonclickオプションを提供しているようです。 AdWordsコンバージョンページから:

「今すぐ購入」ボタンなど、Webサイトのボタンにタグを追加します。

コンバージョンとしてウェブサイトのクリックを追跡する というタイトルのドキュメントのページからの抜粋です。 XXXXXをコンバージョンIDとラベルに置き換えます:

<!-- Google Code for 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 = XXXXXXX;
    w.google_conversion_label = "XXXXXXX";
    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>

そしてあなたのコードのどこか

button.addEventListener('click', function() {
  console.log('Button clicked!');
  goog_report_conversion();
});
20

送信ボタンでAjaxを使用するGoogleコンバージョントラッキングの概念:

 $.ajax({
        type: "POST",
        url: "enquiry-submit.php",
        data: data,
        success: function (result) {
          $("#msg").fadeIn(400).html(result);

          /* Conversion Tracking Start */
          var google_conversion_id = YOUR_CONVERSION_ID_HERE;
          var google_conversion_language = "en";
          var google_conversion_format = "3";
          var google_conversion_color = "ffffff";
          var google_conversion_label = "YOUR_CONVERSION_LABEL_HERE";
          var google_remarketing_only = false;

          $.getScript('//www.googleadservices.com/pagead/conversion.js');

          var image = new Image(1, 1); 
          image.src = "//www.googleadservices.com/pagead/conversion/YOUR_CONVERSION_ID_HERE/?label=YOUR_CONVERSION_LABEL_HERE&guid=ON&script=0";  
          /* Conversion Tracking End */
        }
      });

Google広告キャンペーンに100%取り組んでいます。

注:広告をクリックしてテストする必要があります。コンバージョンの効果は、AdWords Consoleで12分後に表示されます

5
Irshad Khan

同様の問題があります。

問題:私のクライアントにはフォームがある連絡先ページがあります。ユーザーがすべてのフォームフィールドに入力すると、検証が行われます(ユーザーがすべてのフィールドに正しく入力したかどうかを確認します)。検証後、ユーザーはWebメールサーバーページにリダイレクトされます。 「成功」または「ありがとう」のページはありません。そのため、フォームの検証後にAdwordsタグを配置する必要がありました。

ソリューション:

検証は次の方法で行われました。

var missinginfo = "";
var f = document.forms["CONTACT"];
if (f.name.value == ""){
missinginfo += "\n     -  name";}
.
.
.
if (missinginfo != "") 
{
missinginfo ="_____________________________\n" +
"Empty Field" + "incorrectly filled" +
missinginfo + "\n_____________________________"
alert(missinginfo);
return false;
}
//End of Validation

そこで、このスニペットコードを追加しました。

else if(missinginfo == ""){   //Check if the form was filled correctly
adw_conv();  //Function Name
return false;
}
function adw_conv(){
var img = new Image()  //Creates an image using JS to make the request
img.src = "http://www.googleadservices.com/pagead/conversion/123456789/?label=-8bcaCNHv6AIQl_v8_QM&amp;guid=ON&amp;script=0"; 
img.onload = function(){    
var form = document.getElementsByName('CONTACT')[0];
form.submit();
}}

このようにして、フォームの検証後、WebサイトがユーザーをWebメールページにリダイレクトする前に、Adwords変換がトリガーされます!

4
Bruno Brandão

コンバージョンをトラッキングするページのセクションに以下のコードを追加します。

<script>
function adwTrack() {
   var img = new Image(1,1);
   img.src =     "https://www.googleadservices.com/pagead/conversion/XXXXXXXXXX/?value=1.00&amp;currency_code=EUR&amp;label=XXXXXXXXXX&amp;guid=ON&amp;script=0";

}

XXX ...を実際のコンバージョンIDとラベルに置き換えるだけです。

次に、リンクのonclickイベントで上記で作成したadwTrack()関数を呼び出します。

<a href="#" onclick="adwTrack();">Track This</a>

GTMを使用してこれを行うこともできます。 https://www.redflymarketing.com/blog/track-conversions-without-a-thank-you-page/

2
Dave Davis