Google Analytics ,一般直接简称GA(后续使用简称),是目前使用较为广泛的网站流量分析工具(其实也支持移动app和其他联网设备数据的收集),包括我们熟知的知乎、豆瓣、携程等大流量站点都有使用GA来做网站流量数据的收集。

本文将介绍如何给网站加GA 代码,并以此作为《Google Analytics 教程》系列文章的第一篇。

1. 获取GA 代码

进入GA 后台 ,点击左上侧管理,选择需要添加代码的网站对应的账号和媒体资源后,依次点击媒体资源下的跟踪信息-跟踪代码,可以看到如下所示界面:

红色框线里的代码即是GA 基础代码,也就是本文所说需要加到网站上的GA 代码。

2. 添加GA 代码到网站

复制上述GA 代码,将之添加到网站所有需要监测的页面

很多网站都有模版,将上述代码添加到模版的主题页眉(header)文件中的</head>之前或者主题页脚(footer)文件中的</body>之前均可,这样一次添加,整个网站的页面就都加上了GA 代码。

顺便说下,添加在</head>之前或者</body>之前差别不大,只是理论上说,添加在</head>统计到的数据(比如PV)要比</body>多一点。

3. 验证代码添加是否成功

要验证代码是否添加成功,方法有很多。比如,可以用浏览器访问下已经添加了GA 代码的页面,然后切换到GA 后台,点击顶部导航报告,依次点击实时-概览,查看下目前是否显示有活跃用户。

如果你熟悉浏览器开发者工具,可以抓包看下页面打开或者刷新的时候是否有以https://www.google-analytics.com/collect? 开头的请求发出,类似如下所示:

如果有这种请求发出,说明页面上已经成功添加了GA 代码。

OK,到这里如何添加GA代码就介绍完了,有任何疑问可以留言与我交流哈~

 

16 Thoughts on “Google Analytics 教程(1):如何给网站加GA代码

  1. 你好,我按照这个步骤提供了代码给网站制作商在后台添加了,他们说代码不对。我用这个插件是可以看到的导航栏类目的数据,但是每个产品页面没有数据可否帮忙看下https://www.wansview.com

  2. 你好,大神,我给网站已经添加代码了,但是GA后台提示:无匹配 error
    媒体资源“BaojiXX Co.,Ltd”未收到匹配。,这个是啥问题啊,我按照你的教程添加的,所有步骤都对着呢

  3. 我想问下,ga代码一个网站添加一个,还是需要每个页面添加才能看到网站数据。比如,我添加了首页,其他内容页的数据能抓到吗?

  4. Pingback: 使用“Google Analytics”监控网站流量 | TSTR's blog

  5. Pingback: 使用“Google Analytics”监控网站流量 | Leo's Blog

  6. 现在已经换了新代码了吧?

    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag(‘js’, new Date());

    gtag(‘config’, ‘UA-XXXXXXX-Y’);

  7. 您好,我发现Google分析不能统计移动网页的数据,貌似移动主题把脚本禁了。这个怎么解决呢?谢谢

  8. 请问GA是需要下载下来的工具吗?还是在线网页版本的?如果是需要下载的,那烦请告知下下载的网址,谢谢

  9. 请问下,google analytics是在线的工具还是需要下载下来的呢?如果是下载下来的工具,那能不能麻烦告诉下网址,谢谢

  10. Pingback: Google Analytics 教程(3):如何在GA里找到我想要的数据之标准报告? | Jeff Show - 数据科学笔记

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

Post Navigation