將Google轉換代碼添加到WordPress聯系表格7

Question

我找到了將Google轉換代碼添加到WordPress Contact Form 7插件的教程，可以在此處找到。

目前，我已添加

<script type="text/javascript">
    $(".wpcf7-form").submit(function(){
        var google_conversion_id = "12345678910";
        var google_conversion_label = "xxxxxxxxxxx";
        var image = new Image(1,1); 
        image.src = "http://www.googleadservices.com/pagead/conversion/"+google_conversion_id+"/?label="+google_conversion_label+"&script=0";
    });
</script>

到我的頁腳，但無法發送正確的結果。 有人可以通過WordPress的控制面板幫助我解決應添加到我的聯系表單插件中的內容，以使我的Google Analytics（分析）顯示正確的結果。 我不希望重定向到另一個頁面。

Answer 1

您步入正軌。 在運行此腳本時，您會將結果記錄在服務器上。

1. 實現此目的的最簡單，最常見的方法是將腳本放置在單獨的頁面上（通常為thank-you.php），然后將用戶重定向到該頁面，因此在其活動完成后，我們可以運行此腳本並記錄該活動。 要么
2. 另一種方法 （ 雖然很棘手 ）是在用戶活動之后使用ajax / javascript在同一頁面上運行此腳本。

如果您希望在不進行任何重定向的情況下進行設置，則可能會有所幫助。

無需重定向的Google轉化跟蹤

Answer 2

分析代碼應類似於以下格式：

ga('send', 'event', 'category', 'action', 'label', value);  // value is a number.

（最后兩個參數是可選的）

因此，我們只需要編寫Contact Form 7的“其他設置”代碼，如下所示：

on_sent_ok: "ga('send', 'event', 'Landing Page', 'Submit');"
//here 'Landing Page' or 'Submit' are just for sample;

如果您想了解更多信息，請執行以下操作： WordPress聯系表格7（Universal Analytics）中的 事件跟蹤和Google Event Tracking-Web Tracking（analytics.js）

Answer 3

我通過三個簡單步驟完成了此操作：

1. 在CF7插件（附加設置）中：

on_sent_ok：“ run_conversion_code（）;”

2. 在header.php中（或在js文件中）：

     function run_conversion_code() { $ = jQuery; var a = "/wp-admin/admin-ajax.php"; $.post(a, {action: 'run_conversion_code'}).done(function(data){ $('body').append(data); }); console.log('conversion code running'); } </script> 

3. 的functions.php

   函數run_conversion_code（）

    { ?> <script type="text/javascript"> /* <![CDATA[ */ var google_conversion_id = 962XXX263; var google_conversion_language = "en"; var google_conversion_format = "3"; var google_conversion_color = "ffffff"; var google_conversion_label = "TsaNCM6dq1wQ99HzygM"; var google_remarketing_only = false; /* ]]> */ </script> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"> </script> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/962390263/?label=TsaNCM6dq1wQ99HzygM&amp;guid=ON&amp;script=0"/> </div> </noscript> <?php die(); } 

   add_action（'wp_ajax_run_conversion_code'，'run_conversion_code'）;

   add_action（'wp_ajax_nopriv_run_conversion_code'，'run_conversion_code'）;