GoatCounter web analytics
Write.as 加裝 GoatCounter筆記
部落格文章放在Write.as，本身是有簡單的統計功能的，可以查看30天內的訪客資訊，看得到過去30天的訪客數、總訂閱數、Referrers (字面上的意思是推薦人，不懂要怎麼翻譯比較好，感覺是指從哪裡連進來的？)，還有Top 25閱讀數的文章。
其實以上這些資訊對我的部落格來說已經夠了，但如果想要知道更多訪客資訊，例如讀者來自哪裡？應該就需要別的工具了，最近剛好看到有嘟友轉了這篇文章：Solidot | Google Analytics 的轻量级开源替代。不想用Google Analytis，以及費用等問題，好奇之下就選了GoatCounter這個有提供個人、非商業使用免費的方案。
申請帳號之後，發現安裝方法很簡單，只要在網頁中插入下面這一行，應該就是在Write.as的Javascript設定那邊插進去就好。
<script data-goatcounter="https://[AccountName].goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
但是！馬上發現了一個問題：Write.as好像只能插入Javascript的程式碼內容，不能引入外部的.js檔？
喔喔喔！我的天，這出乎我的意料之外，也超出我僅有的芝麻綠豆大小媲美金魚腦的技術知識能力了！怎摸辦？只好再查查GoatCount的官方說明了，發現似乎有救了？
還是可以直接把count.js的內容直接貼進來，然後測試了一下。
window.goatcounter = {endpoint: 'https://[AccountName].goatcounter.com/count'};
// [.. contents of count.js ..]
耶！成功了，統計數據有出現了！不過，我還是不死心，想說未來count.js內容有更新，我是完全不會得到Updates的，因為我是直接複製貼上的啊！有沒有方法可以用Javascript來引入外部的.js檔並執行呢？
然後我就找到了這篇文章：動態載入JavaScript檔案的兩種方法，裡面詳細教了如何動態地載入一個.js檔，雖然我完全看不懂內容，但把GoatCounter的count.js位置放進去，插入到Write.as的Javascript設定區域中，測試一下，就發現成功啦！感謝網站的教學資源，讓我完全不懂Javascript也能插入外部.js檔成功安裝了GoatCounter！💃🏻
// Add GoatCounter Code
window.goatcounter = {endpoint: ‘https://[AccountName].goatcounter.com/count’};
// Dynamically load count.js
var head= document.getElementsByTagName(‘head’)[0];
var script= document.createElement(‘script’);
script.type= ‘text/javascript’;
script.onload = script.onreadystatechange = function() {
if (!this.readyState || this.readyState === “loaded” || this.readyState === “complete” ) {
// Handle memory leak in IE
script.onload = script.onreadystatechange = null;
} };
script.src= ‘https://gc.zgo.at/count.js’;
head.appendChild(script);