WPLab

用 WPCode Lite 安装 Google Ads 转换追踪代码

约 11 分钟 EP09 Google Ads
  • 没设转换追踪,等于把广告预算砸进一个看不到成效的黑洞——Google 没办法根据实际转换数据自动优化广告曝光,也不知道哪些广告真正带来了顾客。
  • 这篇讲怎么用免费插件 WPCode Lite 在 WordPress 网站上装 Google Ads 转换追踪代码,不用碰主题文件、也不怕换主题或更新后代码被覆盖。
  • 覆盖两种最常见的转换目标:WhatsApp 按钮点击、Contact 页面停留超过 1 分钟(参与度转换)。
  • 附上安装完成后怎么验证代码有没有真的生效的方法,以及几个实际踩过的坑。
  • 前置知识看《Google Ads 是什么与广告类型总览》,本篇聚焦转换追踪代码本身怎么装,不重复讲追踪指标怎么解读(那部分看《效果追踪、竞争情报与日常管理节奏》)。

重点内容


前置:确认 WPCode Lite 已安装启用

  1. WordPress 后台 → 插件 → 已安装的插件
  2. 确认 WPCode Lite 显示「已启用」

📌 如果还没安装:插件 → 安装插件,搜索 WPCode 进行安装。


安装 Google 主标签(所有页面都要有)

这段代码必须出现在网站每一个页面,是追踪功能的基础。

  1. WordPress 后台左边菜单点 Code Snippets → + Add Snippet
  2. 选择 "Add Your Custom Code (New Snippet)"
  3. 标题:Google Ads - 主标签
  4. 代码类型:选 HTML Snippet
  5. 代码内容(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>
  1. Location(位置):选 Site Wide Header
  2. 右上角开关切换为启用(蓝色)
  3. 点 Save Snippet 保存

[截图:WPCode Add Snippet 画面,代码类型选择 HTML Snippet,Location 下拉选单选 Site Wide Header]

⚠️ 这段代码只需要放一次,会自动出现在网站每一页的 <head> 区域。


安装 WhatsApp 按钮点击追踪

这段代码会自动找到页面上所有 WhatsApp 链接,客户点击时触发转换记录。

  1. 再次点 + Add Snippet → Add Your Custom Code
  2. 标题:Google Ads - WhatsApp按钮点击追踪
  3. 代码类型:选 JavaScript Snippet
  4. 代码内容(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'
         });
       });
     });
   });
  1. Location(位置):选 Site Wide Footer
  2. 开关切换为启用,点 Save Snippet 保存

⚠️ 这段脚本放在 Footer 是为了确保 Google 主标签已经加载完毕。网站上所有用 wa.link 或 wa.me 的按钮(包括 Booking Now、Get Quote 等),都会被自动追踪,不用逐个按钮另外设置。


安装 Contact 页面停留追踪(选填)

如果想追踪客户在 Contact Us 页面停留超过 1 分钟的行为(代表有认真在看联系方式,算一种参与度转换):

  1. 再次 + Add Snippet → Add Your Custom Code
  2. 标题:Google Ads - Contact页面停留追踪
  3. 代码类型:选 HTML Snippet
  4. 代码内容:
   <script>
     setTimeout(function() {
       gtag('event', 'conversion', {
         'send_to': 'AW-18148715649/a60NCM7vq60cEIHZ_c1D'
       });
     }, 60000);
   </script>
  1. Location(位置):选 Site Wide Header
  2. 往下找 Smart Conditional Logic → 点 Add Condition
    • 条件设置:Page → is → 选自己的 Contact Us 页面
  3. 开关切换为启用,点 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

个人实测记录:

  1. 站长自行安装测试整理(2026 年 6 月)