之前老想着给公司官网做一个Google Analytics跟踪邮箱点击、电话点击和skype点击,更全面的显示转化效果,但是一直没成功,后来从这位兄弟的文章找到了办法:怎么用Google Tag Manager跟踪点击(事件跟踪),改进了一下用在了公司网站上,测试也成功了,下面讲讲如何用GTM(Google Tag Manager)来跟踪网站点击,比如客户点击邮箱,点击拨打电话,点击skype链接等动作。
步骤如下:
下面我们来看看具体如何操作,
一、创建GTM账号并安装代码
进入GTM首页,https://tagmanager.google.com/,创建账号,并安装好GTM代码
二、确认点击变量
要使用Google Tag Manager跟踪点击,第一步我们都是先确认这个链接的变量,也即这个链接独特的识别标志,比如click class, click id, click text等。 如下图所示,跟踪点击邮箱为例
1. 先在GTM中设置所有点击的变量和触发器
打开GTM,点击左侧变量-配置
2. 点击类的变量全部勾选
3. 点击GTM左侧触发器-新建
4. 设置触发器名称并新建空白处开始新建触发器
5. 触发器类型选择“所有元素”
6. 选择默认的“所有点击”,并点击右上角“保存”
三、GTM中设置触发器
1. 邮箱链接增加ID标签
我们在邮箱的A链接中增加一个ID标签,代码:id="clickemail",id可以随自己喜欢设置,如下图所示
2. 修改触发器
触发条件:某些点击
Click ID包含:输入刚刚设置的Click ID变量“clickemail”
点击保存
四、GTM中设置GA4全局代码
1. 点击GTM左侧,代码-新建
2. 设置代码名称并点击空白处开始新建代码
3. 选择代码类型: Google Analytics(分析):GA4配置
4. 代码配置
在代码配置下面输入衡量ID(衡量ID怎么来的,点击GA4媒体资源的衡量ID怎么找?)。
触发条件选择All Pages网页浏览,右上角点击“保存”。
五、GTM中设置事件跟踪代码
1. 跟第四步一样新建代码,名称:点击邮箱-GA4
2. 选择代码类型: Google Analytics(分析):GA4事件
3. 代码配置
选择之前建好的“GA4全局代码”并设置事件名称“点击邮箱-GA4”
4. 选择触发条件为刚刚设置好的触发器“点击邮箱链接”,点击右上角“保存”
六、测试并发布
1. 点击GTM右上角预览
2. 输入测试网址并点击Connect
3. 在弹窗的预览网站中,做点击邮箱操作
4. 回到GTM预览界面,点击Continue
5. 点击左侧Click, 在Tags Fired中看到了刚刚提交的代码,说明成功触发代码,跟踪点击邮箱代码设置成功
6. 回到GTM,点击右上角提交,发布代码
7. 设置GTM版本名称并点击右上角发布
发布成功后,大概10-30分钟后,可以在GA4的DebugView界面中看到,大概24小时后,可以在GA4的所有事件模块中看到。
小贴士:
设置点击电话和skype跟踪代码,类似上面的邮箱操作,先在网站代码中设置ID标签,比如电话的ID:id="clicktel",skype的ID:id="clickskype",然后到GTM里设置相应的跟踪代码即可。
另外还有一篇关于复制邮箱的行为跟踪,也可以看看如何设置:如何用Google Tag Manager (GTM)来跟踪客户复制网站邮箱行为