Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >面向网站的Google Analytics

面向网站的Google Analytics

作者头像
PantaZheng
发布于 2018-09-13 09:22:59
发布于 2018-09-13 09:22:59
2.8K0
举报

Google Analytics 提供与您网站的访问者流量和营销情况相关的详细统计信息,让您更好地了解您的受众群体。对于任何有志于增加访问者群体的网站所有者来说,它都是有益处的。

虽然Google Analytics提供了一种针对网页添加跟踪代码的方法,但如果您不使用PHP Includes、服务端Includes或其他形式的布局模板,则该过程可能会是麻烦和低效的。根据网站设置的不同,本文档提供了两种可以将Google Analytics跟踪代码插入到您网站的选择方案。

注意 本文档中的步骤需要root权限。请务必在root权限下或者使用sudo前缀来执行以下步骤。有关权限的更多信息,请参阅我们的用户和组文档。 本文档还假设您已按照我们的LAMPLinux + Apache + MySQL/MariaDB/Percona + PHP)文档中的说明配置了您的Apache服务器,其中公共可访问目录位于类似与/var/www/example.com/public_html的路径。请将所有example.com字段用您自己的域信息来替换。

注册Google Analytics

在将Google Analytics添加到您的网站之前,您需要注册并设置Google Analytics帐户。

  1. 导航到Google Analytics网站,点击右上角的访问Google Analytics按钮。
  2. 单击Sign Up注册。
  3. 确保Website网站选项已经选中,然后根据需要输入您的帐户信息。请确保您的网站URL网址信息准确无误。
  4. 选中Get Tracking ID获取跟踪ID,然后阅读并接受Google Analytics服务条款。
  5. 您将很快获得跟踪ID跟踪代码,请记下这两项数据,稍后您将会需要使用它们。

您现在可以通过PHP外部JavaScript文件将跟踪代码添加到您的网站。

通过PHP添加跟踪代码

如果您的网站使用PHP构建(您的文件将以.php结尾),则可以通过PHP脚本进行添加跟踪代码。如果您没有为头文件使用单独的PHP文件,或者希望将代码保留在头文件之外,这将非常有用。这也使对于跟踪代码的的更改更加有效,因为您只需编辑一个文件。

  • 1.定位到您的网站所在的目录: cd /var/www/example.com/public\_html
  • 2.创建一个名为的文件googleanalytics.php并复制您的跟踪代码:

注意 如果你选择复制上述的代码,请将UA-00000000-0字段替换为您自己的跟踪ID 同时,你可能会想要启用Google Analytics的访问者统计特性,如果你确实决定这样,那么请在以下步骤中往您的JavaScript代码中添加代码段。请在包含ga('create', 'UA-00000000-0', 'auto');ga('send', 'pageview');的行间插入以下代码段

代码语言:txt
AI代码解释
复制
ga('require', 'displayfeatures');

如果您之后决定取消访问者统计特性,那么只需要移除上述代码即可。

  • 3.如果您的网站没有单独的头文件,则您就需要在每个页面中都插入代码,请直接跳至步骤4;假如有头文件,请打开头文件(此例中为header.php)并将以下代码添加到<body>标签后:
    您现在已将Google Analytics添加到您的网站了!任何有关您网站的数据最多可能会需要二十四小时才能显示在Google Analytics上。您无需遵循本文档的其余内容。
  • 4.如果您的PHP网站没有头文件模板,那么您可以通过终端将所需的代码插入您的网站。首先请确保您已位于保存网站文件的目录中。 通过使用文本流编辑器命令(sed),您可以将所需的代码一次性插入到多个文档中:
代码语言:txt
AI代码解释
复制
sed -i 's/<body>/<body><?php include_once("googleanalytics.php") ?>/g' *.php

注意 如果您网站的<body>标签包含其他变量,请调整上述代码中的<body>标签位置以匹配您的代码。

  • 5.要查看代码是否已成功插入到您网站的文件中,您可以在浏览器中打开网站并查看源文件,或在终端中打开文件。当您查看该文件时,您应该能看到在<body>标签之后存在刚才插入的代码

您现在已将Google Analytics添加到您的网站了!任何有关您网站的数据最多可能会需要二十四小时才能显示在Google Analytics上。

通过外部JavaScript添加跟踪代码

如果您的网站没有使用PHP构建(它的文件以.html.htm或其他形式的后缀结尾),你可以通过你的终端来插入Google Analytics 代码、使用外部JavaScript文件和sed命令。

  • 1.定位到您的网站所在的目录: cd /var/www/example.com/public\_html
  • 2.(可选项)如果您已有JavaScript文件夹,请将目录更改为该文件夹。否则,请先创建一个JavaScript文件夹: mkdir javascript 定位到新建的文件夹: cd javascript
  • 3.创建一个ga.js文件来保存您的Google Analytics代码。插入以下代码,将UA-00000000-0替换为您的跟踪ID

注意 同时,你可能会想要启用Google Analytics的访问者统计特性,如果你确实决定这样,那么请在以下步骤中往您的JavaScript代码中添加代码段。请在包含ga('create', 'UA-00000000-0', 'auto');ga('send', 'pageview');的行间插入以下代码段

代码语言:txt
AI代码解释
复制
ga('require', 'displayfeatures');

如果您之后决定取消访问者统计特性,那么只需要移除上述代码即可。

  • 4.使用sed命令来插入一个链接到包含跟踪代码的JavaScript文件。Sed将搜索并替换你的<head><script type="text/javascript" src="javascript/ga.js"></script>代码块中的<head>标签项:
代码语言:txt
AI代码解释
复制
sed -i 's@<head>@<head><script type="text/javascript" src="javascript/ga.js"></script>@g' *.html

注意 请将.html后缀更改为您网站文件的后缀。

  • 5.如果需要检查代码是否已成功插入到.html文件中,您可以在浏览器中打开网站并查看源代码,或查看终端中的文件。以下内容将会与<head>标签项一起出现
    您现在已将Google Analytics添加到您的网站了!任何有关您网站的数据最多可能会需要二十四小时才能显示在Google Analytics上。

更多信息

有关此主题的其他信息,您可以需要参考以下资源。虽然我们希望提供的是有效资源,但请注意,我们无法保证外部托管材料的准确性或及时性。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
用Google Analytics分析WordPress
Google Analytics(分析)提供与您网站的访问者流量和销售相关的详细统计信息,让您更好地了解您的受众群体。对任何有兴趣增加访客群的网站所有者都有好处。
Techeek
2018/09/19
4.6K0
用Google Analytics分析WordPress
Google Analytics 发布异步跟踪模式代码
Google Analytics 发布了 Google Analytics 异步跟踪代码,由于改善了代码在浏览器执行,所以它能够更快加载 Google Analytics 跟踪代码,相比原来的 Google Analytics 代码,新的异步跟踪代码还加强了数据收集和准确性,并且消除由于跟踪代码没有加载完而引发的错误。
Denis
2023/04/16
5590
Google Analytics 维度和指标
“维度”是指数据的属性。举例来说,“城市”维度表示的是发起会话的城市,例如“巴黎”或“纽约”。“网页”维度表示的是用户浏览过的网页的网址。
高广超
2018/12/12
1.3K0
使用 Google Analytics 统计 Feed 流量
对于技术类的博客来说,更多用户是使用 RSS 阅读器来查看和阅读博客的日志,所以对于技术类博客来说,加上日志在 RSS 阅读器中被浏览的次数才更能真实反映这类博客的流量和受欢迎程度,而 Google Analytics 的统计代码都是 JS 格式的,Feed 是不支持 Javascript 代码,那么如何使用 Google Analytics 统计 Feed 的流量呢?其实可以通过 Google Analytics 的第三方服务解决这个问题。 其中 Google Analytics without Javascript(简称 NoJSStats) 就是可以用来统计 Feed 流量的 Google Analytics 第三方服务,NoJSStats 是部署在 Google App Engine 的 Google Analytics 上的免费统计服务,主要是用于在不支持 Javascript 的环境下使用 Google Analytics 统计服务,它是把通过在页面生成一个 1 像素的图片来统计页面流量。
Denis
2023/04/15
1.3K0
要避免的 7 个常见 Google Analytics 4 个配置错误
如果您有机会阅读我们之前在 Google Analytics 4 (GA4) 上发布的指南,您可能知道它不像 Universal Analytics 那样是一款即插即用的分析工具。
SEO-juper
2023/12/23
5750
Discourse 如何添加 Google Analytics 的代码
其实你并不需要添加 Google Analytics 的代码,你只需要找到你的 Google Analytics 的 UA 号就可以了。
HoneyMoose
2020/05/20
9770
Discourse 如何添加 Google Analytics 的代码
使用 Google Analytics 分析 WordPress 博客的活跃用户
Google Analytics 的 _setVar() 函数是 Google Analytics 的用户定义函数,主要用于对特定来源的用户行为进行分类,例如可以对登录浏览的用户设置一个数值,然后在 Google Analytics 后台的访问者/用户定义中查看其浏览属性。
Denis
2023/04/14
5810
使用 Google Analytics 分析 WordPress 博客的活跃用户
Analytics屏蔽WordPress管理员,谷歌分析屏蔽自己
对运营人员来说,Analytics等分析工具是必不可少的,分析数据力求精确,确保分析结果不会被干扰。
AlexTao
2021/02/24
1.1K0
相关推荐
用Google Analytics分析WordPress
更多 >
领券
💥开发者 MCP广场重磅上线!
精选全网热门MCP server,让你的AI更好用 🚀
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档