- 没设转换追踪,等于把广告预算砸进一个看不到成效的黑洞——Google 没办法根据实际转换数据自动优化广告曝光,也不知道哪些广告真正带来了顾客。
- 这篇讲怎么用免费插件 WPCode Lite 在 WordPress 网站上装 Google Ads 转换追踪代码,不用碰主题文件、也不怕换主题或更新后代码被覆盖。
- 覆盖两种最常见的转换目标:WhatsApp 按钮点击、Contact 页面停留超过 1 分钟(参与度转换)。
- 附上安装完成后怎么验证代码有没有真的生效的方法,以及几个实际踩过的坑。
- 前置知识看《Google Ads 是什么与广告类型总览》,本篇聚焦转换追踪代码本身怎么装,不重复讲追踪指标怎么解读(那部分看《效果追踪、竞争情报与日常管理节奏》)。
重点内容
前置:确认 WPCode Lite 已安装启用
- WordPress 后台 → 插件 → 已安装的插件
- 确认 WPCode Lite 显示「已启用」
📌 如果还没安装:插件 → 安装插件,搜索 WPCode 进行安装。
安装 Google 主标签(所有页面都要有)
这段代码必须出现在网站每一个页面,是追踪功能的基础。
- WordPress 后台左边菜单点 Code Snippets → + Add Snippet
- 选择 "Add Your Custom Code (New Snippet)"
- 标题:
Google Ads - 主标签 - 代码类型:选
HTML Snippet - 代码内容(
AW-XXXXXXXXX换成自己 Google Ads 账户的转换 ID):
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-18148715649"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-18148715649');
</script>
- Location(位置):选
Site Wide Header - 右上角开关切换为启用(蓝色)
- 点 Save Snippet 保存
[截图:WPCode Add Snippet 画面,代码类型选择 HTML Snippet,Location 下拉选单选 Site Wide Header]
⚠️ 这段代码只需要放一次,会自动出现在网站每一页的 <head> 区域。
安装 WhatsApp 按钮点击追踪
这段代码会自动找到页面上所有 WhatsApp 链接,客户点击时触发转换记录。
- 再次点 + Add Snippet → Add Your Custom Code
- 标题:
Google Ads - WhatsApp按钮点击追踪 - 代码类型:选
JavaScript Snippet - 代码内容(
send_to换成自己的转换动作 ID):
document.addEventListener("DOMContentLoaded", function() {
var whatsappLinks = document.querySelectorAll('a[href*="wa.link"], a[href*="wa.me"]');
whatsappLinks.forEach(function(link) {
link.addEventListener("click", function() {
gtag('event', 'conversion', {
'send_to': 'AW-18148715649/Sx4ZCOejw60cEIHZ_c1D'
});
});
});
});
- Location(位置):选
Site Wide Footer - 开关切换为启用,点 Save Snippet 保存
⚠️ 这段脚本放在 Footer 是为了确保 Google 主标签已经加载完毕。网站上所有用 wa.link 或 wa.me 的按钮(包括 Booking Now、Get Quote 等),都会被自动追踪,不用逐个按钮另外设置。
安装 Contact 页面停留追踪(选填)
如果想追踪客户在 Contact Us 页面停留超过 1 分钟的行为(代表有认真在看联系方式,算一种参与度转换):
- 再次 + Add Snippet → Add Your Custom Code
- 标题:
Google Ads - Contact页面停留追踪 - 代码类型:选
HTML Snippet - 代码内容:
<script>
setTimeout(function() {
gtag('event', 'conversion', {
'send_to': 'AW-18148715649/a60NCM7vq60cEIHZ_c1D'
});
}, 60000);
</script>
- Location(位置):选
Site Wide Header - 往下找 Smart Conditional Logic → 点 Add Condition
- 条件设置:
Page→is→ 选自己的 Contact Us 页面
- 条件设置:
- 开关切换为启用,点 Save Snippet 保存
[截图:Smart Conditional Logic 设置画面,条件选择 Page is Contact Us 页面]
📌 Smart Conditional Logic 确保这段代码只在 Contact Us 页面运行,不影响其他页面。
验证安装是否成功
浏览器地址栏输入以下网址查看网页原始码:
view-source:https://你的网站网址/
用 Ctrl + F 搜索以下关键字:
| 搜索关键字 | 找到 = |
|---|---|
AW-18148715649(换成自己的 ID) | ✅ Google 主标签已安装 |
DOMContentLoaded | ✅ WhatsApp 点击追踪脚本已安装 |
wa.link | ✅ WhatsApp 按钮存在于页面 |
[截图:view-source 网页原始码页面,用 Ctrl+F 搜索到 AW-18148715649 追踪代码高亮显示]
常见误区
- ❌ Snippet 保存了但代码没生效——检查右上角开关是不是「启用」(蓝色),常见的漏做步骤。
- ❌ WhatsApp 点击追踪的代码类型选成
HTML Snippet——JavaScript 追踪脚本必须选JavaScript Snippet,选错类型脚本不会执行。 - ❌ Location 选错——主标签一定要放
Site Wide Header,WhatsApp 脚本要放Site Wide Footer(要等主标签先加载完毕才能正常触发)。 - 💡 Google Ads 后台暂时看不到新的转换数据不用慌,一般要等 24-48 小时才会显示,先确认真实用户有点击过追踪的按钮。
- 💡 网站如果用 LiteSpeed Cache 或其他缓存插件,装完代码记得清除全部缓存(Purge All),不然可能读到旧版本页面。
- 💡 网站上如果有多个不同用途的 WhatsApp 号码,目前这段脚本会把所有
wa.link/wa.me链接都算进同一个转换动作,没办法自动区分是哪个号码。
Sources
个人实测记录:
- 站长自行安装测试整理(2026 年 6 月)