2024 全网最全 Shopify 谷歌广告增强型追踪转化安装全攻略(附代码,无需插件、无需 GTM)(41)
Shopify Pixel 极大简化了 Google 广告追踪设置。本教程详解如何设置谷歌广告增强型转化追踪,无需 Google Tag Manager,无需第三方插件,附完整代码。



前言
提前给新人一针强心剂:
自从 Shopify Pixel 的出现,其实已经极大极大的简化了 Google 系、Meta、TK、Pinterest 的追踪转化设置。
本期将会着重讲 Google 系的谷歌广告增强型转化追踪如何设置。
提前竖盾,有多种方法和工具其实都可以实现,请大家辩证看待并选择适合你的方法即可。
本期将不会使用 google tag manager,也没有任何第三方插件广告。

前置条件
- Shopify 已安装 Google & YouTube,并且成功绑定了你的谷歌账号。(并且强烈建议,随着指引,安装好 google analytics4,这个不在本期教程内)

- 谷歌账号正常运行。

开干:谷歌 Ads 创建追踪转化目标







此时 google 会监测你是否已安装谷歌代码,以及你的网站的 saas 平台是哪家。
如果已安装谷歌代码:(注意!大部分 shopify 玩家如果你完成了前置条件,并且在前置条件的 google&youtube app 中,随着指引开通了 google analytics,其实你已经默认被安装过代码了!)
如果没安装(我这里网站是 wp,所以谷歌检查到了 wordpress 并指引我继续):







少数情况下,假设我们没安装过,我们去需要插入代码:复制上述代码,并进入 shopify,进入主题代码编辑,在 theme.liquid 文件中,复制粘贴 <head> 下面,保存。
代码安装完成后(或者你已有的情况下),显示你的 tag 已被检测到。
添加事件代码
下一步比较重要,也有多种处理方式。但核心任务是,我们需要将我们的这些事件代码(event)也放到网站中,从而可以正确识别相关事件动作。(比如 purchase、begin to checkout、add to basket 等等等)



打开 event snippet,将代码复制粘贴到你其他地方,方便一会使用。
Shopify 添加自定义 Pixel
再下一步,回到 Shopify,这里添加自定义 pixel:


随便起名,代码段可直接复制:
const script = document.createElement('script');
script.setAttribute('src', 'https://www.googletagmanager.com/gtag/js?id=AW-1111111');
script.setAttribute('async', '');
document.head.appendChild(script);
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-1111111', {'allow_enhanced_conversions':true});
analytics.subscribe("checkout_completed", (event) => {
gtag('set', 'user_data', {
email: event.data?.checkout?.email,
phone: event.data?.checkout?.phone,
address: {
first_name: event.data?.checkout?.shippingAddress?.firstName,
last_name: event.data?.checkout?.shippingAddress?.lastName,
street: event.data?.checkout?.shippingAddress?.address1,
city: event.data?.checkout?.shippingAddress?.city,
region: event.data?.checkout?.shippingAddress?.province,
postal_code: event.data?.checkout?.shippingAddress?.zip,
provinceCode: event.data?.checkout?.shippingAddress?.provinceCode,
country: event.data?.checkout?.shippingAddress?.country,
countryCode: event.data?.checkout?.shippingAddress?.countryCode,
}
});
gtag('event', 'conversion', {
send_to: 'AW-1111111/d11lvsao1niubi11',
transaction_id: event.data?.checkout?.order?.id,
value: event.data?.checkout?.subtotalPrice?.amount,
currency: event.data?.checkout?.subtotalPrice?.currencyCode,
});
});重要提示: 请将代码中的 AW-1111111 替换为你的实际 Google Ads ID,将 AW-1111111/d11lvsao1niubi11 替换为你的实际转化 ID。


完成设置
然后回到 Google Ads,继续各种 save。搞定。


你把鼠标移动到这个追踪目标的 status 时,会看到他的状态。
一般而言,如果你的站有持续的转化,大概若干小时后第一个绿钩钩就会出现;再等 1-3 天,第二个 enhanced conversions 绿钩钩会出现。




其他地方设置检查
有一些老户,可以看一下你是否整体打开了这个功能。









FAQ


