Google 全家桶
2024年10月14日
15 分钟

2024 全网最全 Shopify 谷歌广告增强型追踪转化安装全攻略(附代码,无需插件、无需 GTM)(41)

Shopify Pixel 极大简化了 Google 广告追踪设置。本教程详解如何设置谷歌广告增强型转化追踪,无需 Google Tag Manager,无需第三方插件,附完整代码。

2024 全网最全 Shopify 谷歌广告增强型追踪转化安装全攻略(附代码,无需插件、无需 GTM)(41)

封面图

分隔线

前言

提前给新人一针强心剂:

自从 Shopify Pixel 的出现,其实已经极大极大的简化了 Google 系、Meta、TK、Pinterest 的追踪转化设置。

本期将会着重讲 Google 系的谷歌广告增强型转化追踪如何设置。

提前竖盾,有多种方法和工具其实都可以实现,请大家辩证看待并选择适合你的方法即可。

本期将不会使用 google tag manager,也没有任何第三方插件广告。

分隔线

前置条件

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

Google & YouTube 安装

  1. 谷歌账号正常运行。

分隔线

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

创建转化目标

步骤 1

步骤 2

步骤 3

步骤 4

步骤 5

步骤 6

此时 google 会监测你是否已安装谷歌代码,以及你的网站的 saas 平台是哪家。

如果已安装谷歌代码:(注意!大部分 shopify 玩家如果你完成了前置条件,并且在前置条件的 google&youtube app 中,随着指引开通了 google analytics,其实你已经默认被安装过代码了!)

如果没安装(我这里网站是 wp,所以谷歌检查到了 wordpress 并指引我继续):

未安装代码

安装代码

代码示例

保存代码

代码检测

检测通过

完成检测

少数情况下,假设我们没安装过,我们去需要插入代码:复制上述代码,并进入 shopify,进入主题代码编辑,在 theme.liquid 文件中,复制粘贴 <head> 下面,保存。

代码安装完成后(或者你已有的情况下),显示你的 tag 已被检测到。

添加事件代码

下一步比较重要,也有多种处理方式。但核心任务是,我们需要将我们的这些事件代码(event)也放到网站中,从而可以正确识别相关事件动作。(比如 purchase、begin to checkout、add to basket 等等等)

事件代码

事件代码详情

事件代码详情 2

打开 event snippet,将代码复制粘贴到你其他地方,方便一会使用。

Shopify 添加自定义 Pixel

再下一步,回到 Shopify,这里添加自定义 pixel:

Shopify Pixel 设置

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 绿钩钩会出现。

状态检查

状态检查 2

状态检查 3

状态检查 4

其他地方设置检查

有一些老户,可以看一下你是否整体打开了这个功能。

功能检查

功能检查 2

功能检查 3

功能检查 4

功能检查 5

功能检查 6

功能检查 7

功能检查 8

分隔线

FAQ

结束

相关推荐

1 / 5