写文章
彩姑娘
2021-03-13 23:36

手把手教你安装 GA4,实现网站数据追踪(上)

曾经被数据追踪(GTM GA 触发器等)设置劝退的我,回来了..............

先写设置步骤,再慢慢讲故事

第一部分:先安装GTM(跟踪代码管理器)

如何安装GTM 到网站上

google tag manager (GTM)
打开网址 https://tagmanager.google.com/ , 用任意Gmail登录,即进入创建 GTM账号



GTM_中文_创建账号.png



如何把英文设置成中文,见下图,按红色箭头指引设置



001_GTM_英文版.png





001_GTM_英文版_设置_.png





001_GTM_英文版_设置2_.png





GTM_中文_创建账号.png



......................................................................................................................

1.1创建GTM账号,需要填写三处 账号名称、容器名称(填网站)、目标网站平台选择网络。



GTM_添加新账号.png





GTM_添加新账号_2.png



1.2 创建GTM以后,得到GTM 追踪代码



GTM_得到_跟踪代码.png



1.3 把 GTM跟踪代码,安装到网站上、

1.3.1 首先需要在网站后台安装插件,搜索 Insert header and footer



GTM_网站后台安装插件_.png



1.3.2 网站后台设置Insert header and footer插件 ,把 GTM 跟踪代码复制到 head 及body 位置,然后点击保存



GTM_网站后台_设置.png


 



GTM_网站后台设置2.png





GTM_网站后台设置3.png



1.3.3 验证GTM 是否安装成功




变为绿色.png



1.3.3-1 安装Chrome 插件工具--tag assistant



tag_assistant_.png





安装_Tag_A_.png



1.3.3-2 回到网站前台观看及测试:

打开网站后,图标为蓝色-点击图标-点击 Enable-图标变为黄色



Tag_A_插件工具.png





Tag_A_enable_以后变成黄色_png.png



1.4 GTM创建账号后,提交和发布



创建完GTM账号_提交.png





创建GTM_后,发布_.png



1.3.3-3 再回到网站前台,当图标变为绿色,表示安装成功



变为绿色.png



................................................................................................................................................

第二部分: 安装GA4(把GA4安装到网站上)

分两步,第一步 创建GA4账号 得到衡量ID ,

第二步:在GTM 创建代码,填入衡量ID

Google搜索google analytics,https://analytics.google.com/analytics/web  



GA_001.png



第一步:Google Analytics 创建账号

创建账号-设置账号名称-设置媒体资源名称-企业信息设置(跳过)-接受条款-

设置数据流-填写网址-填写数据流名称--选择网站- 得到 衡量ID- 把衡量ID 加入到GTM




GA_创建账号_.png





GA_填写账号名称_002.png





GA_媒体资源设置_003.png





GA_企业信息_及条款_004.png





设置数据流_005.png





GA_创建-_设置数据流_006_png.png





得到_GA_衡量ID_007_.png



...............................................................................

第二步:在GTM 创建代码,填入衡量ID

GTM 新建代码- 代码配置-选择 GA4配置--衡量ID(填入创建GA4账户后 得到的衡量ID)

-触发条件(选择 all pages)



GTM_新建代码_008.png





GTM_新建代码_010.png





GTM_新建代码-填入衡量ID_011.png



触发条件(选择 all pages)



GTM_新建代码-触发条件_012.png



提交代码



GTM_新建代码-提交_013.png



发布代码



GTM_新建代码-发布_014.png



..................................................................................

验证是否安装成功

回到网站前台,点击小图标,如下图所示,则安装成功



GTM_安装_GA4_验证_015.png

............................................................................................................

图文太长了,考虑到阅读体验,准备分 上中下三篇,(上)写GTM 和 GA4安装 已完;

(中)写 追踪转化数据 

(下)写再营销


关注作者,看更多TA的好文章 个人展示
彩姑娘 谁在评论里提醒下这位作者,懒得连名片都没填写。
举报
收藏
转发
0/500
添加表情
评论
评论 (20)
最近
最早
3天2夜学会建站

彩姑娘

建材行业,9V+ 线下(建站课02期+SEO课01期+暗夜课02期)学员,建站/地推/PPC/MIC/SNS多渠道开发, 间歇性分享,可以让外贸新人少走弯路的小姐姐。

向TA提问
置顶时间 :

设置帖子类型

普通
新闻
活动
修改

圈内转发

0/104

分享至微信

复制链接

举报

请选择举报理由

留联系方式
垃圾广告
人身攻击
侵权抄袭
违法信息
举报

确认要删除自己的评论吗?

取消 确定

确认要删除自己的文章吗?

取消 确定
提问
设置提问积分
当前可用积分:
-
+
20
50
100
200
偷看

积分偷看

10积分
我的积分(可用积分)
确认偷看

问题已关注

答主回复后,系统将通知你

不再提示