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

Question

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

score 2 · Accepted Answer

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

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

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

无重定向的 Google 转化跟踪

score 0 · Accepted Answer

解析代码应该是这样的格式：

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

（最后 2 个参数是可选的）

因此，我们只需要将 Contact Form 7 的附加设置代码如下：

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

如果您想了解更多信息： WordPress Contact Form 7 (Universal Analytics)和 Google Event Tracking - Web Tracking (analytics.js)中的事件跟踪

score 0 · Accepted Answer

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

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

函数.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');

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

3 回答 3

Related

Reference