顯示單篇文章瀏覽數(計數器) - 部落格

Kama avatar
By Kama
at 2013-07-30T15:23

Table of Contents

「單篇文章計數器」對大部分部落格而言,是個幾乎都會內建的功能。訪客從文章的
瀏覽數,可以方便地辨識出哪些是比較熱門的文章,這是個重要的參考指標,相信也
能增加新訪客留在網站的機率。可惜的是 Blogger 只在後台提供「單篇文章瀏覽數
」,於網頁上並無法顯示此數據。

如果要裝「單篇文章計數器」這樣的外掛,網路上的選擇很多;只不過很久以前曾裝
過「MyHotPost」這個國產計數器,稍微資深一點的部落客應該會知道,結果我才裝
一陣子這個服務就掛了,當然所有的數據也都沒了。自此,非官方的外掛程式都很難
得到我的信任,除非這個外掛伺服器有辦法跟 Google 的壽命並駕齊驅。

對於此功能,我想到的方法是從「Google Analytics」(本文以下簡稱 GA) 撈單篇文
章數據,當然,Blogger 得先安裝 GA 才行。另外,由於 GA 數據不等於 Blogger
數據,建議先參考這篇文章:

◎ Blogger 後台文章瀏覽數與 Google Analytics 數據差別很大的原因

http://www.wfublog.com/2013/01/blogger-google-analytics-statistics.html


一、運作原理

這段關於原理的說明看不懂沒關係,可直接跳過。

利用 Google 試算表提供的 Google API,取得 GA 的身份認證,讀取 GA 的數據資
料,並儲存到 Google 試算表。

接著使用 javascript 讀取 Google 試算表轉換過的 json 數據,顯示到部落格。



二、準備動作

請完成以下兩篇文章的所有流程,才能建立 Google 試算表,並將 GA 的數據同步到
Google 試算表:

◎ 如何將 Google Analytics 數據同步到 Google 試算表__(一) 資料查詢與身份認


http://www.wfublog.com/2013/07/google-analytics-to-google-spreadsheet-1.html


◎ 如何將 Google Analytics 數據同步到 Google 試算表__(二)試算表操作

http://www.wfublog.com/2013/07/google-analytics-to-google-spreadsheet-2.html



三、安裝程式碼

請按照下面文章的步驟即可:

◎ Blogger 單篇文章瀏覽數

http://www.wfublog.com/2013/07/blogger-post-page-views-update.html

--
Blogger 調校資料庫
http://www.wfublog.com/

--

All Comments

請問有哪個部落格 可顯示940X1400的圖?

Tom avatar
By Tom
at 2013-07-28T15:17
請問有哪種部落格 是以提供圖片服務為主 可完整顯示940X1400以上像素的圖嗎? 目前用過痞客幫 他會自動把圖縮小 用外面的空間連進來也一樣會自動縮小 煩請各位推薦一下 - ...

換了自己的網址後連不上網誌了!

Caitlin avatar
By Caitlin
at 2013-07-28T09:53
大家好!! 前兩天買了自己的網域,依照網路的教學把網址套用在自己的blogger上面 剛用的前兩天都能順順的連上去 結果過兩天居然連不上去了!!!! 請問是為什麼呢??網域的期限不是至少都可以有一年以上嗎?? 附上網址:http://www.loopy.tw/ 原來的網址:http://loopy ...

網頁自動跳轉

Mary avatar
By Mary
at 2013-07-26T15:30
最近心血來潮開無名來看之前打的文章 但我登入進去之後,網頁會自動跳到某些國外廣告網頁~and#34;~ 目前我的解決方式是跟廣告網頁比快,在網頁跑出來之前趕快按esc 可是這根本治標不治本QQ 不知道有沒有什麼其他方式可以解決 讓我看到以前的文章QQ 謝謝 !!! - ...

跟隨者推特裡的回覆不見了

Dorothy avatar
By Dorothy
at 2013-07-26T08:39
剛剛在研究推特的設定 不知道自己到底設定到什麼東西 回到跟隨者頁面的時候(我follow他 他沒follow我) 發現點開他的推特 下面的回推通通不見了! 冏 而且是他所有的其他人回文都不見了 只剩下他有回應的推還在 舉例來說 我follow的人是M 在我亂改設定前 M昨天發了一個推特:暑假檔期 ...

Re: PTT Blog板友簽到簿(PTTBlogRolling!)

Skylar DavisLinda avatar
By Skylar DavisLinda
at 2013-07-25T18:46
ID: triccsegg 網址: http://triccsegg.pixnet.net/blog 站名: 建蛋的生活軌跡 架站環境: PIXNET 簡介: 微網誌與臉書的出現,一度讓我懷疑部落格的功用。 直到去年,翻翻大學時期寫的遊記,才發覺往事歷歷在目, 反倒是 ...