地 址:河北省保定市安新县丰产支路圈头乡光淀村
联系人:刘先生
手 机:13833053550
传 真:
网 址:http://www.tdxkj.com
Shopify 如何使用 GTM 连接GA4_1
文章来源:太阳集团电子游戏 更新时间:2023-12-09 06:28
从2023年7月1日开始,谷歌分析将停用老版本 Universay Analytics,也就是 UA 或者 GA3, 全面改用 GA4。上一篇我们已经提到 Shopfiy 后台有两种绑定 GA4的方法,直接绑定我们已经写过,这里我们来讲怎么通过 GTM 绑定 GA4。
GTM 也就是 Google Tag Manager 谷歌标签管理器,想知道什么是 GTM 和为什么要使用 GTM, 参考这篇文章:什么是谷歌代码管理工具以及如何使用。这里假设你已经有了 GTM 账号,并且有了自己网站所属的 GTM Container。
接下来,我们在 Shopify 后台安装 GTM 代码。
首先,复制这段代码,我们只用第一段代码。第二段代码一般很少会行使功能,它是为了如果用户登录网站的设备不支持 javascripts 的情况下也能保证 GTM 功能而存在的。
打开 Shopify后台,找到 Online Store-Themes-Edit Code, 并找到 theme.liquid 文件,将这段代码粘贴到紧邻<head>的位置。
这里我们就将 GTM Container功能添加到我们的普通网页中了,不过我们还要把它添加到付款流程网页中。如果你用的是 Shopify Plus,需要找到 checkout.liquid 这个文件,也是同样的步骤粘贴代码。但是如果你用的是 Shopify Stantard 版本,checkout.liquid 这个文件是无法编辑的,那么去 Shopify 后台找到 Settings—Checkout, 网页翻到下面找到Order status page, 同样粘贴这段代码。
接下来我们使用谷歌官方插件 Google Channal 给我们的网站添加 Data Layer, 这样当用户查看某个网页,加入购物车,开始付款流程,Data Layer就可以抓到相应的数据。
安装之后需要绑定你的谷歌账号,这里我们选择你用来投放广告,或者你打算用来投放广告的谷歌账号。同时 Google Channel 会让你选择连接自己的 Google Ads账号,如果你不想投放谷歌广告,这里可以创建一个新的 Google Ads 账号,在填付款信息那里跳过就可以,也就是建一个空Google Ads账号就可以。
设置好Google Channel 之后,我们来检查一下Data Layer 有没有设置好,回到 GTM中,选择 Preview,连接我们的网站。
在网站上点击任意商品并添加购物车,我们可以在 GTM 中看到这个动作并看到被抓取的 Data Layer 数据。
接下来我们就可以连接 GTM 和 GA4了。