Day 12：为 Hexo 装设 Google Analytics，追踪你的部落格流量（使用 Next 布景主题）

如果你曾经使用过一些 BSP 服务，基本上本身都会内建流量或人数统计的功能，帮助我们查看部落格近期人气量，而这也是未来如果想使用部落格与他人合作的重要参考依据。但现在我们自行架设 Hexo，要怎麽也拥有这样流量统计的功能呢？我们可以使用 Google Analytics 服务来帮助我们追踪网站流量或读者行为。

什麽是 Google Analytics？

Google Analytics（简称 GA）是一个能够追踪网站流量、网友在网站中行为甚至是转换率（进行购买行为比率）的一个工具。

以电商网站为例，透过 GA 能够追踪网友行为。以跳出率（网友在该页关闭的多寡）就能够了解到，若该页跳出率高，是否代表该页面有些状况，导致许多网友在该页关闭了网站？或许这将会是影响电商网站转换率的重要关键之一。

而透过 Google Analytics 还能够去掌握网站的流量或是造访人数。哪个页面比较多人浏览，透过报表资料为网站进行改进。

如何申请 Google Analytics？

官方网站：Google Analytics

先登入 Google 後，来到 Google Analytics 首页，点击「开启测量」。

输入使用者名称後，点击「下一步」。

资源名称，可以输入网站名称。输入完後点击「下一步」。

可以大概输入你是多少人经营这个网站、网站分类，至於如何将 GA 运用於商家，这个就看你认为 GA 能够提供你什麽价值。设定完後点击「建立」。

阅读完後皆勾选接受，并点击「我接受」。

点击「全部取消勾选并储存」或「储存」，完成建立。

取得并设定 Google Analytics 追踪码

经过以上步骤代表已经建立了一个资源，再来要选择平台。点击「网站」。

输入网站网址与串流名称，串流名称设定成网站名称就好。设定好後点击「建立串流」。

建立後会看到评估 ID（追踪码），请复制起来，到 Hexo 进行设定。

如果你使用 Next 布景主题，回到 Next 的 _config.yml 设定档，找到以下这段语法：

# Google Analytics
google_analytics:
  tracking_id: # <app_id>
  # By default, NexT will load an external gtag.js script on your site.
  # If you only need the pageview feature, set the following option to true to get a better performance.
  only_pageview: false

将刚刚复制的评估 ID 设定至 tracking_id。像是这样：

tracking_id: G-2CYC62V0KT

将追踪码埋入 Hexo

在取得评估 ID 同一页下方，有新增网页内代码，点击全域网站代码，会看到一段语法，请复制起来并回到 Hexo 修改档案。

修改档案：themes/next/layout/_partials/head/head.swig

将这段语法复制到档案最後即可。

查看 Google Analytics 报表

这边来稍微导览一下 GA 後台，不过就不详细导览了，没介绍的部分就请大家自己摸索或 Google 罗 XD

Google Analytics (分析) 首页

首先是 Google Analytics (分析) 首页，也就是刚刚看「查看过去 30 分钟的使用者」的那页。因为教学站刚刚架设所以没什麽资料与内容，所以就直接用我的部落格当示范啦！应该学学 YouTube 在标题打上後台数据大公开才对（？）

这边可以查看你最近使用者造访数量以及跳出率等资讯。

您的使用者常造访那些网页？

滑到首页底部，有个「您的使用者常造访那些网页？」。这边我满常看的，会去看哪几篇文章比较多人看，可以点击下方「过去 7 天」选择时间范围。

客层和兴趣报表

点击左侧选单的目标对象 ---> 客层 ---> 总览，可以看到这里有年龄层的分布，以我的部落格为例，年龄层大致上以年轻族群居多。

再来选择年龄层图表下方第二个圈圈按钮则会显示性别分布，基本上是男生略多於女生。

後记

有了 Google Analytics 的追踪，就能够随时掌握网站流量资讯，不管是日後合作、行销策略或是了解部落格读者都还满有帮助的，大家可以好好挖掘 Google Analytics 提供的资讯。

本篇文章同步发布於我的部落格 Gui Blog