Hexo nexmoe 主題套用 Google Analytics

Google Analytics（GA）是Google公司提供的數據分析工具，可以幫助你追蹤你的網站流量、用戶行為，是一個網路行銷重要又好用的小工具。

網路上會看到很多推薦使用 GA 的文章，有甚麼功能就不用我多說了 絕對不是我想偷懶。

我這小小的部落格也就只有看人數的需求而已。

申請 Google Analytics

基本上你有 google 帳號就完成一半了，接下來到 GA網站

接著在左下角管理 > 建立資源 > 完成後到資料串流

新增網站串流，裡面填入要分析的網站網址，以及名稱

完成後我們會得到需要的 評估ID G-XXXXX 的這串ID

修改Hexo設定檔

3.0 版設定方式

nexmoe 這個主題有支援 Google Analytics

只要在 _config.nexmoe.yml 設定檔內調整分析的設定即可

analytics: 
  google_site_id: #<ID>
  gtags_site_id: 這邊填入分析ID G-XXXXX
  cnzz_site_id: #<ID>
  tencent_site_id: #<ID>
  la_site_id: #<ID>
  baidu_site_id: #<ID>
  gtm_container_id: #<ID>

4.0 版設定方式

照前面申請 Google Analytics 的步驟，先到資料串流設定

1. 按一下「管理」。
2. 使用「資源」欄頂端的下拉式選取器，選擇要在哪個資源設定資料串流的 Google 代碼。
3. 在「資源」欄中，按一下「資料串流」。
4. 照下圖複製

打開 _config.nexmoe.yml 設定檔內在 slotHead 下面貼上複製的嵌入碼

...

slotHead: |
  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-ID');
  </script>

...

成果

設定完後重開 Hexo 伺服器套用

在GA網站 > 報表內看到我們要的瀏覽人數

網站果然沒有人看，人數是0

其實是截圖時根本還沒重開 Hexo，所以 Google 根本沒抓到瀏覽紀錄