Update: 2021-06-02: Google Optimize新增了一种集成方式, 我们打开设置复制代码并且安装到指定位置就行, 如下图
你有尝试过在你的Shopify店铺集成Google Optimize吗？
网上的tutorial，视频很多，但是在我配置好之后发现：跳出率（bounce rate）陡降、页面加载时间（page timings）陡降。
最开始，我怀疑是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库里面引入的方法或者类，重复调用的话会覆写数据。
正确的写法
|
1 2 3 4 5 6 7 8 9 |
<script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-XXXXXXXX-2', 'auto', 'damon'); ga('damon.require', 'GTM-XXXXXXX'); ga('damon.send', 'pageview'); </script> |
damon是自定义的，根据你的喜好来。
高阶使用：
因为要引入两个ga property，因此会浪费资源，影响网站性能。
下面是liquid代码，意思是页面上有A/B测试时，会引入GA、GTM code。
|
1 |
{% if template contains 'optimize' %} <!-- GA/GTM code ---> {% endif %} |
结语：Shopify何时能向集成Enahanced Ecommerce一样集成Google Optimize呢？（我目前用的basic plan，也许高阶版本有集成。）
http://xzh.i3geek.com
感谢博主。学些了
感谢博主，学习了，好文