在 Google 跟踪代码管理器中检测服务器转换

Question

我可以 - 如果可以，我该如何 - 在 Google TM 中检测以下情况之一：

一个新的 HTML 元素（在本例中为 img）突然附加到网页上。
某个JavaScript AJAX命令突然启动并返回成功（非空数据）。

换句话说，我可以检测到何时触发了以下内容吗？

function verify(...
 $.ajax({...
        success: function (data...
            if (data) {...
                if (data.imagePixelUrl) {
                    $("#footer").append("<img id='imagePixel' src='" + data.imagePixelUrl + "'/>");
                }

如果触发，则表示我的着陆页发生了转化。
以下是这些 LP 的完整流程：

访问者填写他们的 phone 号码并点击提交
如果号码不正确，服务器returns出错，客户端显示
如果号码正确，服务器returns成功向访客发送带有密码的短信
访问者填写密码并点击提交
如果密码不正确，服务器returns出错，客户端显示
如果密码正确，服务器returns成功并在网页上附加一个img标签（即我们有一个转换）

工作示例

着陆页：http://goo.gl/A7Lpny
Phone 人数: 111111
密码: 222222
AJAX path: http://goo.gl/m5ARX3 (提示：我们需要在function verify[中判断AJAX是否成功 在此 JS URL).
中被触发 AFAIK，唯一真正独特的是前面提到的追加命令。

谢谢！

Answer 1

最好的方法是修改您的 ajax 函数以将变量推送到数据层，然后在标签管理器中使用它们：

    function verify(...
     $.ajax({...
            success: function (data...
                if (data) {...
                    if (data.imagePixelUrl) {
                        $("#footer").append("<img id='imagePixel' src='" + data.imagePixelUrl + "'/>");
    dataLayer.push({
    'event':'datapixel',
    });
}

然后您将创建一个基于事件的触发器（事件等于数据像素）来触发您的代码。

如果由于某种原因您无法更改函数，您可以使用全局 ajax 事件处理程序，其中 jquery 为 described in this answer。

在 Google 跟踪代码管理器中检测服务器转换

Detecting a server conversion in Google Tag Manager

google-tag-manager

工作示例