将Google转换代码添加到WordPress联系表单7

时间:2013-09-23 10:38:19

标签: javascript php wordpress google-analytics contact-form-7

我找到了一个将Google转换代码添加到WordPress Contact Form 7插件的教程,可以找到here

目前我已添加

<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显示正确的结果。我不希望重定向到另一页。

3 个答案:

答案 0 :(得分:2)

你走在正确的轨道上。当此脚本运行时,您将在服务器上记录结果。

  1. 实现这一目标的最简单,最常见的方式就是放置 脚本在一个单独的页面上(通常是感谢你.php)和重定向 用户到该页面,所以在完成他的活动之后我们就可以运行了 此脚本并记录此活动。
  2. 另一种方式一个棘手的)是让这个脚本在 用户活动后使用ajax / javascript的同一页面。
  3. 如果您想在没有任何重定向的情况下进行设置,您可能会觉得这很有帮助。

    Google Conversion Tracking Without Redirection

答案 1 :(得分:0)

分析代码应该是这样的格式:

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

(最后2个参数是可选的)

因此,我们只需要制作联系表格7的附加设置代码,如下所示:

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

如果您想了解更多信息: Event tracking in WordPress Contact Form 7 (Universal Analytics)Google Event Tracking - Web Tracking (analytics.js)

答案 2 :(得分:0)

我通过三个简单步骤完成了这项工作:

  1. 在CF7插件中(附加设置):
  2. on_sent_ok:&#34; run_conversion_code();&#34;

    1. 在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>
      
    2. 的functions.php

      function 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(&#39; wp_ajax_run_conversion_code&#39;,&#39; run_conversion_code&#39;);

      add_action(&#39; wp_ajax_nopriv_run_conversion_code&#39;,&#39; run_conversion_code&#39;);