Blogger 百大熱門文章排行

對於第一次逛到我們部落格的陌生新訪客，沒什麼工具比得上「熱門文章」，能更快熟悉網站精華之所在。就像在首次嘗鮮的店家點餐時，如果不想踩地雷，點菜單上的 "人氣"、"推薦"、"招牌" 餐點會是安全的選擇。

Blogger 官方提供了「熱門文章」小工具，是部落格側邊欄數一數二的安裝選擇，可以吸引讀者注意力、增加停留時間。不過可惜的是，這個官方工具最多只能顯示瀏覽人數前 10 名的文章，對於累積了數百、上千篇文章的站長而言，我們巴不得能提供更多的人氣文章讓讀者挑選，對吧！

目前而言，要提供更多的熱門文章，只能選擇自製一途，例如參考「標頭 Banner 隨機輪播熱門文章」。另外 WFU BLOG 最近製作了「百大熱門文章排行」，效果還不錯，讀者可以試玩看看。

(圖片出處: pixabay.com)

一、熱門文章百大排行﹍側邊欄

參考了「Blogger 最新文章 V2」的版面配置，製作資料庫讓熱門文章可讀取 100 筆資料後，加入上下頁的導航功能：



在縮圖左上角標示排名引起訪客關注，右下顯示瀏覽人數，就算不是第一頁的熱門文章，只要瀏覽數夠多的話，相信讀者還是很有興趣的。

根據安裝以來的實際觀測，裝上這個工具後，訪客平均單次造訪頁數(Pages per Visit) 的確大幅增加不少！

側邊欄效果可參考這個展示頁面：

外科失樂園

二、熱門文章百大排行﹍網頁版

排行榜放在側邊欄時，加上縮圖拉撐了區塊高度，使得側邊欄無法一次顯示太多文章。因此 WFU 另外做了個列表式的熱門文章百大排行榜：



可以設定一頁顯示較多的文章數，例如 20 ~ 40 都可，同樣有上下頁切換功能。

熱門文章排行榜

網頁版也可以有不一樣的選擇，有的站長可能會想要展示熱門文章的大尺寸封面圖(縮圖)，這也是做得到的，可參考這個展示頁面：

《外科失樂園》

三、製作原理

1. 要製作百大熱門文章，首先要有儲存瀏覽數的資料庫，因此必須先製作及安裝「Blogger 單篇文章瀏覽數 V2」。

2. 如果覺得自己製作資料庫的步驟很麻煩，也可交由本站處理，請參考「部落格熱門文章排行榜」，請使用本站側邊欄的表單與我聯繫。

3. 另外，排行的依據不一定要使用 "瀏覽數"，也可以用文章的 "按讚數"、或 "+1數" 來排行，就看站長喜歡哪一種了。


更多實用工具：

• 本站使用的 Blogger hack 及工具整理