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

【问题标题】：Adding Google Conversion code to WordPress Contact Form 7将 Google 转换代码添加到 WordPress 联系表 7
【发布时间】：2013-09-28 05:26:40
【问题描述】：

我找到了将 Google Conversion 代码添加到 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 的控制面板添加到我的联系表单插件中的内容，以使我的分析显示正确的结果。我不想重定向到另一个页面。

【问题讨论】：

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

【解决方案1】：

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

实现此目的的最简单和最常见的方法是将单独页面上的脚本（通常是thank-you.php）并重定向用户访问该页面，因此在完成他的活动后我们可以运行此脚本并记录此活动。或
另一种方法（虽然很棘手）是让这个脚本在用户活动后使用 ajax/javascript 的同一页面。

如果您想设置它而不进行任何重定向，您可能会发现这很有帮助。

Google Conversion Tracking Without Redirection

【讨论】：

【解决方案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;

【讨论】：

【解决方案3】：

我通过三个简单的步骤做到了这一点：

在 CF7 插件中（附加设置）：

on_sent_ok: "run_conversion_code();"

在 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>

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');

【讨论】：