(Pic from: freevectorgraphics.org)既然改了版,V2 程式碼順便改善舊版的某些功能。舊版要在一個頁面、多個位置擺放計數器不太方便,新版的優點為,一篇頁面要在多少個位置擺放計數器都沒有限制,程式彼此間不會打架。
因此裝了 V2 後,如果你熟悉程式碼,只要發揮想像力,可以自己想辦法擴充到其他 Blogger 工具,例如最新文章、熱門文章、相關文章、隨機文章...等等,只要其他能顯示文章的小工具,也能出現文章的瀏覽數。
以下接續「上一篇」的步驟。
四、讓試算表資料能被讀取
在試算表主畫面按下「工具」→「指令碼編輯器」
出現上圖後,按下「資源」→「現有專案的啟動程序」
在出現的視窗按下「尚未建立觸發程序,按一下這裡來新增觸發程序。」
如上圖顯示,依序設定為「時間導向」→「小時計時器」→「每隔4小時」
按下「儲存」→ 出現需要授權的畫面 → 按「繼續」→「接受」
完成授權後,按下「執行」→「getUrlPv」,看看能否將資料從「sheet1」複製到「sheet2」
執行完畢後,回到主畫面,檢視工作表「sheet2」有沒有如上圖產生資料。
成功的話,準備將資料發佈到網路上供存取。
按下「檔案」→「發佈到網路」→ 按下「發佈」按鈕
如上圖,紅線標示的字串是最重要的資訊,長得像這樣 "1UpIjRSixVWYlQnrcSceMb3ATRXlRiKqV_CTc03XyHDc",這是試算表的代號,請記下自己的字串,位於 "/d/" ~ "/pubhtml" 之間的所有字串,之後會用到。
到了這裡,如果都成功的話,恭喜你可以自行安裝「單篇文章瀏覽數 V2」了,請用文末的表單與我聯繫,並附上你的部落格網址,轉帳資訊請見這個網頁:
五、安裝程式碼
1. 安裝新版程式碼之前,務必先移除舊版的所有程式碼。
2. 在修改範本之前,如果第一次安裝本站工具的讀者,建議先閱讀「備份範本的訣竅」系列文章。
3. 拿到新版程式碼後,請到後台「範本」→「編輯 HTML」,游標點進範本區塊,按 Ctrl-F 搜尋
- 第一行的 <script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script> 可參考「如何使用jQuery版本」,若範本中已經安裝過 jQuery,可移除這段內容。
- sheet 的參數,請改為上面「四、讓試算表資料能被讀取」最後面、自己的試算表代號。
- img 的參數,可改為自訂的圖示網址。
4. 接著以下程式碼,請放在計數器想要顯示的地方:
<!-- 單篇文章計數器v2 顯示位置 start -->
<span class='postPV' expr:data-url='data:post.canonicalUrl'>
<script>
(function () {
var scripts = document.getElementsByTagName("script"),
thisScript = scripts[scripts.length - 1];
pvCount.main(thisScript.parentNode);
} )();
</script>
</span>
<!-- 單篇文章計數器v2 顯示位置 end -->
如果不清楚要擺放在哪裡,可以參考「Blogger 單篇文章瀏覽數」→「四、擺放位置」
六、聯絡表單
如果以上流程要自行安裝有困難,或是要索取安裝程式碼,請附上你的部落格網址,用下面的表單與我聯繫。
聯絡表單:
更多實用工具: