• 欢迎访问Rollo的笔记,加入Rollo的笔记

Shopify绑定新版Google Analytics GA4 教程【2021版】

Shopify Rollo.Be 4个月前 (12-10) 131次浏览 0个评论

Google家族的Google Analytics 进行了重大更新,2020年10月14号,Google Analytics发布了Google Analytics V4,也叫Google Analytics 4,简称为GA4或GAv4,其实就是之前的APP+Web改名为而来。

GA的发展历程:

·2017年发布Gtag,也就是Global Site Tag,这一时期发布的目的是为了应对苹果ITP的升级,将谷歌系所有的代码都用同一个规则布署,用Gtag,你可以布署Google Analytics、Adwords、DoubleClick等代码。

·2019年发布APP+Web,这个是Firebase的升级版,目的用于取代Google Analytics For APP,Google Analytics For APP是在9月份正式停止服务。

·2020年10月将APP+Web改名为Google Analytics 4发布,此后便很激进的在更新功能,基本每天GA4都有新功能出现,GA中创建新的媒体资源也默认推荐使用GA4,很激进的在推进GA4。

但不幸的是Shopify似乎没有及时跟上。新的Google GA4 无法直接在shopify后台绑定了。

如何还像网上流行的那些个2020年教程,你会发现shopify提示出错:

Shopify绑定新版Google Analytics GA4 教程

 

因为google更新了,Shopify没有及时更新后台设置。

  • 标准Google Analytics(分析)使用的Universal Analytics标签如下所示: UA-1234
  • GA4使用的“测量ID”如下所示: G-1234

所以SHOPIFY提示ID错误。

但是:

GA无处不在-媒体网站,社交媒体网站,iOS和Android应用程序,以及我们将讨论的电子商务网站,我们不可能不用GA了吧。

所以我们今天还学习一下怎么Shopify绑定新版Google Analytics GA4 教程。

解决办法有两条:

  • 1.0 方法一:在Google Analytics 找回 UA-1234的ID,然后绑定到Shopify后台。
  • 2.0 方法二:生成GA4的代码,直接安装在shopify主题文件里面

OKay.

Shopify安装老版Google Analytics代码

1.0 在Google Analytics的控制面板,创建账号:

Shopify绑定新版Google-Analytics-GA4-教程

2.0 在创建媒体资源的时候,要特别注意了。这个地方现在GA默认是生成GA4 G-XXX的测量ID.

Shopify绑定新版Google-Analytics-GA4-教程

所以,在这个地方我们要点开“显示高级选项”

Shopify绑定新版Google-Analytics-GA4-教程

然后如图所视,输入网站,选择:仅创建Universal Analytics媒体资源。

Shopify绑定新版Google-Analytics-GA4-教程

3.0 做一下企业调研:

Shopify绑定新版Google-Analytics-GA4-教程-001

4.0 同意google条款

Google Analytics

5.0 GA代码就搞定了,Google Analytics 后台已经设置好了。得到:全局网站代码(gtag.js)。生成的代码就是UA-xxx的网站跟踪代码了。

Shopify绑定新版Google-Analytics-GA4-教程-008

6.0 到shopify后台,ONLIN STORE>>>Preferences>>>Google Analytics.OK,粘贴一下就行。

Shopify绑定新版Google-Analytics-GA4-教程-008

Shopify安装新版Google Analytics代码 GA4安装

2.0.1 在Google Analytics的控制面板,创建账号:

Shopify绑定新版Google-Analytics-GA4-教程

2.0.2 在创建媒体资源,直接“下一步”

Shopify绑定新版Google-Analytics-GA4-教程

2.0.3 做一下企业调研:

Shopify绑定新版Google-Analytics-GA4-教程-001

2.0.4 同意google条款

Google Analytics

2.0.5 在媒体资源列表,选择“数据流”然后选择“网站”。

2.0.6.输入网站与数据流名名称,增强型衡量功能是默认开启的。

Shopify绑定新版Google-Analytics-GA4-教程-009

2.0.7 OK,然后就到了GA4的全局网站代码(gtag.js)。然后我们复制待用。

Shopify绑定新版Google-Analytics-GA4-教程-009Shopify绑定新版Google-Analytics-GA4-教程-009

 

2.0.8 SHOPIFY后台,Online Store>>>Themes>>>Actions>>>Edit Code 找到 Layout >>> theme.liquid文件。我们可以把在第7步复制的代码粘贴 到 theme.liquid文件 的<head></head>之间。然后就OK了,安装 成功。

Shopify绑定新版Google-Analytics-GA4-教程-013

结论:

建议两个版本都安装一遍,因为后期应该老版的GA会被淘汰掉,但是新的GA4不会共享老版的数据。如果你没有安装GA4,等你换新的GA4的时候,可能就会没数据。

 


Rollo的笔记 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Shopify绑定新版Google Analytics GA4 教程【2021版】
喜欢 (1)

您必须 登录 才能发表评论!