如何将Google Analytics配置到Google Tag Manager跟踪代码管理器中

2018年8月14日16:20:53 发表评论 2,421

很多从事SEO优化的朋友反馈老说一次次求助建站公司往网站上添加代码真的特别的麻烦,遇到服务好的建站公司还好;我之前遇到的建站公司,大多只能和他们的客服联系,然后客服建case反馈给技术添加,一串简单代码的添加总需要两三天。万一你的代码提供的不对,还得再次去请建站公司修改,来回折腾。谷歌跟踪代码管理器这款免费的代码跟踪管理系统很好的解决了这一问题,省去了多次向建站公司求助的麻烦。只需要请建站公司添加一次代码,其他的代码的添加或更新我们自己就可以完成啦。

如果你的网站是自己搭建的或者是请建站公司搭建的,但还没有将Google Tag Manager跟踪代码添加到你的网站,请先看May的这篇文章《5步操作将Google Tag Manager跟踪代码添加到你的网站》。

下面6步轻松将谷歌分析配置到Google Tag Manager跟踪代码管理器中:

Step 1. 创建新代码

登录你的Google Tag Manager账号 - 点击你的“容器名称” - 新建代码Google Tag Manager新建代码

Step 2: 代码配置

2.1. 选择代码类型:Google Analytics
GTM代码配置

2.2. 跟踪类型:网页浏览

2.3.Google Analytics(分析)设置:新建变量
Google Analytics(分析)设置:新建变量

Step 3. 复制Google Analytics跟踪代码ID

3.1. 登录你的Google Analytics账号 - 管理 - 媒体资源 - .js 跟踪信息 - 跟踪代码 - 复制跟踪ID

analytics跟踪ID

3.2.变量配置

3.2.1.将复制好的跟踪ID复制过来;

3.2.2.Cookie网域选择“auto”;

GTM变量配置

Step 4. 选择触发器

选择“All Pages”

GTM选择触发器

Step 5. 保存

点击右上角的“保存”

保存GTM触发器

Step 6. 验证是否成功配置

(这一步可千万不要忘记哦。)

下面提供A,B,C三种方法:

A. 看Google Analytics后台的数据

A.1. 在浏览器中打开你的网站;

A.2. 看Analytics数据,看目前活跃用户数,如果能看到数值,说明配置成功啦!

Analytics目前活跃用户

B. Google Tag Manager代码跟踪管理器中的“预览”

B.1. 开启“预览”GTM预览模式

B.2. 打开你网站上的任一页面,如果网页下面出现Google Analytics,说明配置成功啦~GTM预览模式出现Analytics

验证成功后,记得退出“预览”模式哦。

C. Tag Assistant(by Google)

C.1. 在Chrome浏览器中安装扩展程序: Tag Assistant(by Google)

C.2. 打开你网站上的任一页面

C.3. 点击Chrome浏览器右上角的Tag Assistant图标, 如果显示你的Google Analytics,说明配置成功啦~

Tag Assistant显示Analytics

如果这篇文章有帮到您或者有任何的问题,欢迎在下方留言哦。

 

 

  • 支付宝扫码赞助
  • weinxin
  • 微信扫码赞助
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: