利用gtag对adwords进行新的转化跟踪和再营销设置

Google广告转化跟踪已有多轮更新升级，文章介绍的方法和最新的方法存在差异，此文章仅作存档，供参考

博客好久没更新，快长草了，没想到竟然还有流量。这段时间一直在研究 AdWords，这次分享一下如何利用 gtag 对竞价账户进行转化跟踪和再营销设置。

旧版方法

在旧版 AdWords 中，可以直接通过顶部菜单栏中的“工具 → 转化”，进入转化操作界面，然后创建一个转化。

最后会得到一段类似这样的代码：

<!-- Google Code for 对话或留言 Conversion Page -->
<script type="text/javascript">
/* <![CDATA[ */

var google_conversion_id = XXXXXXXXXXX;
var google_conversion_label = "XXXXXXXXXXX";
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/918898170/?label=qNZgCIL0kXQQ-ouVtgM&amp;guid=ON&amp;script=0"
    />
</div>
</noscript>

把这段代码加入最终转化页，例如表单提交成功后的结果页面。当用户点击广告并最终访问这个页面时，就可以记录一次转化。

但是，这种方式存在不少不便：

必须有一个独立页面执行这段代码，如果表单提交后通过 AJAX 返回结果，就不太方便直接使用这种方式记录转化。
AdWords 还有再营销代码，而很多网站同时使用 Google Analytics。这样一来，网站中就可能需要维护三套不同的 Google 代码，增加管理难度。

后来 Google 推出了 gtag.js，通过统一的标签机制来配置 Google Analytics、Google Ads 转化跟踪以及再营销等功能，使网站的代码管理更加方便。

如何使用gtag

如果你使用 Google Analytics，会发现它提供的统计代码已经发生了变化：

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src = "https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-X"></script>

<script>
window.dataLayer = window.dataLayer || [];

function gtag(){
    dataLayer.push(arguments);
}

gtag('js', new Date());

gtag('config', 'UA-XXXXXXXX-X');
</script>

上面的代码中：

gtag('config', 'UA-XXXXXXXX-X');

属于配置代码，其中 UA-XXXXXXXX-X 是 Google Analytics 的跟踪 ID。

如果需要同时配置 Google Ads，那么可以继续增加一条配置：

gtag('config', 'AW-XXXXXXXXX');

其中 AW-XXXXXXXXX 是 Google Ads 的账户跟踪 ID。

这样，网页就可以同时使用 Google Analytics 和 Google Ads 的相关功能。

转化跟踪

相比传统的转化代码，gtag 的方式更加灵活。在用户完成转化之后，只需要执行：

gtag('event', 'conversion', {
    'send_to': 'AW-XXXXXXXXX/XXXXXXXXX-XXXXXX'
});

其中：

AW-XXXXXXXXX/XXXXXXXXX-XXXXXX

是 Google Ads 为当前转化操作提供的标识。

例如一个表单提交成功后，可以直接执行这段代码：

gtag('event', 'conversion', {    'send_to': 'AW-XXXXXXXXX/XXXXXXXXX-XXXXXX'});

这样就不再要求用户必须跳转到一个单独的“转化成功页面”。

对于 AJAX 表单、按钮点击、文件下载等场景，也可以根据实际业务逻辑，在对应的事件发生时触发转化代码。

例如：

button.addEventListener('click', function () {
    gtag('event', 'conversion', {
        'send_to': 'AW-XXXXXXXXX/XXXXXXXXX-XXXXXX'
    });
});

这使得转化跟踪从“访问某个页面”变成了“发生某个行为”。

再营销

gtag 的另一个方便之处，是可以通过 Google Ads 的配置让网站访问数据用于相关的再营销功能。

例如：

gtag('config', 'UA-XXXXXXXX-X');
gtag('config', 'AW-XXXXXXXXX');

这样就可以在同一套 gtag.js 基础代码上同时配置 Google Analytics 和 Google Ads。

相比过去分别添加 Google Analytics、AdWords 转化代码和再营销代码的方式，这种方式显然更加统一。

当然，gtag 不仅仅可以用来做转化和再营销，它本身还提供了事件跟踪以及更多配置能力，可以根据网站的实际业务需求进行扩展。

对于现在的网站来说，转化跟踪也不应该仅仅局限于“访问某个页面”。电话、表单、下载、按钮点击以及其它具有商业价值的行为，都可以根据实际需要设计成转化事件。

更多关于 gtag.js 的信息，可以参考官方文档。