為你的博客添加訪問量統計

gekylin 發布于2019-08-21 13:29 / 3425人閱讀

摘要：所以我已經將服務遷移至上，有興趣的同學請移步最新的一篇博文博客訪問量統計工具查看最新版本的使用方法。但是針對博客的訪問量統計，卻沒有什么可用的工具。

本文最初發布于我的個人博客：咀嚼之味

2016.04.23 通告： Hit Kounter 原本部署于 SAE 上，而近期 SAE 針對使用 MySQL 的應用開始收費。本項目只是一個本人使用業余時間開發的小工具；它本身包含的功能也很精簡，并不適合使用付費服務。所以我已經將 Hit Kounter 服務遷移至 LeanCloud 上，有興趣的同學請移步最新的一篇博文博客訪問量統計工具 Hit Kounter v0.2 查看最新版本的使用方法。原本部署在 SAE 上的服務預計在 五一假期 后下線，對已經使用 Hit Kounter 的一些用戶，我深感抱歉！

相信很多程序員朋友們都擁有了自己的技術博客。像 Hexo, Jekyll 這樣的靜態網站生成器甚是好用，而對于相對動態的內容，比如評論框，也有諸如多說和 Disqus 的工具可以使用。

但是針對博客的訪問量統計，卻沒有什么可用的工具。很多同學在我的博客中留言問我，我的博文中顯示的訪問量是怎么做到的？我曾經嘗試依靠百度統計是不是能解決這個問題，然而我失敗了。于是我自己用 PHP 寫了一個很簡單的服務來完成這件事，經過一次重構，我把它命名為 Hit Kounter。

接下來會從以下幾個方面介紹一下：

如何為你的博客添加訪問統計

Hit Kounter 的 JS 接口

小結：Hit Kounter 的未來

如何為你的博客添加訪問量統計 1. 引入腳本

首先，在你的頁面中引入這個腳本；由于你可能在每個頁面都需要顯示訪問量，把它加入根模板也許是個不錯的選擇。

2. 顯示當前頁面的訪問量

你可以在頁面的任何地方插入這句 HTML 片段，你之前引入的腳本會自動檢查當前頁面上帶有 data-hk-* 屬性的元素，并針對你給出的屬性值向服務器請求數據，最后把得到的結果替換到上面的標簽內。可以參考我博客中的例子。

3. 顯示指定頁面的訪問量

如果你希望在文章列表頁中顯示各個頁面的訪問量分別是多少，那么你就要使用一個 url 來填充 data-hk-page 的屬性值，就像這樣：

那么 Hit Kounter 檢測到這個標簽以后，就會向服務器請求該地址的具體訪問量，并最終將默認值 - 替換為實際值。可以參考我博客中的例子。

Hit Kounter 的 JS 接口

Hit Kounter 會在全局注入 Icarus 對象，它是與服務器交互的數據接口。通過它，我們就可以直接向服務器發送請求。先看看下面這個例子：

Icarus.request({
  api: "hk.page.get",
  v: "1.0",
  pages: [
    { url: "http://test.com/1" },
    { url: "http://test.com/2" },
    { url: "http://test.com/3" }
  ],
  success: function(result) {
    for (var i = 0; i < result.length; i++) {
      console.log(result.domain, result.url, result.count);
    }
  },
  failure: function(code, err) {
    console.log(code, err);
  }
});

上面這個例子中，我們主要是獲取了三個頁面的具體訪問量；目前 Icarus 支持的接口有四個（具體可以參考 Hit Kounter Wiki）：

hk.page.increment

hk.page.get

hk.page.getTop

hk.page.getByDomain

至于如何使用就由你們自由發揮啦。

小結：Hit Kounter 的未來

當然，Hit Kounter 的功能不至于此啦，由于作者我還是個讀研狗，最近得發論文了，所以更新進度暫且比較慢；目前 Hit Kounter 是 0.1 Beta版，未來會加入越來越多的功能，包括但不限于：

添加一個能夠獲得全站的訪問總量的 API

通過添加

這樣一個元素，便能夠將全站訪問量最高的五個頁面羅列在 div 框內。

為用戶提供一個很方便的方式來導入初始的訪問量數據

完善各種可能的錯誤信息（包括服務端和瀏覽器端的錯誤）

TODO List 可以在這個 issue 中看到，而且因為 Hit Kounter 是開源項目，也很期待大家能夠多吐槽，如果能給 Hit Kounter 貢獻代碼那就再好不過啦~。

云服務器 GPU云服務器訪問博客系統我為你添加統計如何添加數據統計

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/87701.html

為你的博客添加訪問量統計

摘要：所以我已經將服務遷移至上，有興趣的同學請移步最新的一篇博文博客訪問量統計工具查看最新版本的使用方法。但是針對博客的訪問量統計，卻沒有什么可用的工具。本文最初發布于我的個人博客：咀嚼之味 2016.04.23 通告： Hit Kounter 原本部署于 SAE 上，而近期 SAE 針對使用 MySQL 的應用開始收費。本項目只是一個本人使用業余時間開發的小工具；它本身包含的功能也很精...

ivan_qhz 2019-06-27 11:59 評論0 收藏0
數據分析遇到PDF文本，怎么用Python批量提取內容

摘要：復雜系統仿真的微博客虛假信息擴散模型研究面向影子分析的社交媒體競爭情報搜集面向人機協同的移動互聯網政務門戶探析經驗證。微博客的企業競爭情報搜集移動社交媒體用戶隱私保護對策研究注意這里的提示，原先的個文件沒有被再次抽取，只有個新文件被抽取。 showImg(https://segmentfault.com/img/bVbiU7y?w=1000&h=508); 本文為你展示，如何用Pyth...

cloud 2019-07-31 11:16 評論0 收藏0
為你的博客添加搜索功能吧!

摘要：提供個人博客文章搜索服務只需要配置個人博客地址載入博客數據開啟服務即可開啟文章搜索服務。對配置文件監控修改后服務及時地更新博客數據。 Search-Spider-Blog 提供個人博客文章搜索服務, 只需要配置個人博客地址, 載入博客數據, 開啟Server服務, 即可開啟文章搜索服務。對blogconfig.json配置文件監控, 修改后服務及時地更新博客數據。本人用的為Hexo...

vboy1010 2019-08-22 10:35 評論0 收藏0
打造數據科學作品集：搭建一個數據科學博客

摘要：讀完本文，你將學會如何使用靜態網站生成器，搭建一個屬于自己的博客，用來展示數據科學作品。靜態網站基本上，一個靜態網站就是一個全是文件的文件夾。建立靜態網站的一種方法是手寫，然后上傳所有的文件到服務器。這是「打造數據科學作品集」系列文章的第二篇。如果你喜歡該系列，而且想知道下一篇文章什么時候發布，你可以訂閱我們。讀完本文，你將學會如何使用 Pelican 靜態網站生成器，搭建一個屬于...

iamyoung001 2019-07-25 10:50 評論0 收藏0