Skip to content

Shopify如何集成GTM和Google Optimize

Update: 2021-06-02: Google Optimize新增了一种集成方式, 我们打开设置复制代码并且安装到指定位置就行, 如下图

Google Optimize的新安装方式

你有尝试过在你的Shopify店铺集成Google Optimize吗?
网上的tutorial,视频很多,但是在我配置好之后发现:跳出率(bounce rate)陡降、页面加载时间(page timings)陡降。

图1 – 7号配置Optimize并开始A/B测试(跳出率)
图2 – 页面加载时间不正常

最开始,我怀疑是theme.liquid文件中有ga(‘send’, ‘pageview’);和Shopify后台preferences我应用其内置的GA追踪(为了Shopify自带的增强型电子商务功能)。
这是常见的导致跳出率异常的原因,因此我在14号的时候删除了这一行代码段,Optimize诊断正常,但是这样导致了页面加载时间的异常。

tips: 做好网站优化日志太重要了,我很快的找到了异常原因所在,下一步就是解决问题。

文章参考:https://atlasco.io/blogs/guides/how-to-install-google-optimize-in-shopify

它提到的第一个解决方案是放弃Shopify内置的GA安装,但是这样就需要重新部署增强型电子商务,年初的时候我试着与web开发一起部署,折腾了一周,那过程很难而且稳定性和可靠性不能与Shopify内置的相提并论。

WE WANT:Both automatically GA Implementation and Google Optimize

这个博主提出了一个天才想法,新建一个GA property,然后用这个property集成optimize,井水不犯河水。
但是先别着急操作,如果仅仅是
ga(‘create’, ‘UA-XXXXXXXX-2’, ‘auto’,);
ga(‘require’, ‘GTM-XXXXXXX’);
ga(‘send’, ‘pageview’);
这样会覆盖你的 ‘UA-XXXXXXXX-1’,因为这里的require、send实质是ga这个js库里面引入的方法或者类,重复调用的话会覆写数据。

正确的写法

damon是自定义的,根据你的喜好来。

高阶使用:
因为要引入两个ga property,因此会浪费资源,影响网站性能。
下面是liquid代码,意思是页面上有A/B测试时,会引入GA、GTM code。

结语:Shopify何时能向集成Enahanced Ecommerce一样集成Google Optimize呢?(我目前用的basic plan,也许高阶版本有集成。)

Published inCategorytec

2 Comments

  1. CC CC

    感谢博主。学些了

  2. sukiamylove sukiamylove

    感谢博主,学习了,好文

发表评论

邮箱地址不会被公开。 必填项已用*标注