2014年3月10日 星期一

blogger 不追蹤我自己的網頁瀏覽量 bug 處理(範本版)

之前寫了一個書籤小工具 (blogger 不追蹤我自己的網頁瀏覽量 bug 處理),用來處理 blogger 後台「不追蹤我自己的網頁瀏覽量」功能無法正常使用的問題。

後來網友 Wayne Fu 建議是否能直接將程式寫在範本檔,並提供了相關判斷方式。
所以寫了一個直接放在範本中的 javascript,可用來設定「是否統計目前正在使用的瀏覽器瀏覽次數」。

安裝方式如下:
  1. 到後台「範本」->「編輯 HTML」,進到範本後,找到 </head>。在 </head> 前面貼上以下程式碼。
    第 4 行 var x=0; 可將數字 0 修改為想要的數字。
    第 5 行 var y=80; 可將數字 80 修改為想要的數字。
    <script type="text/javascript">
    //<![CDATA[
    (function(){
    var x=0; /* 向右位置設定 */
    var y=80; /* 向下位置設定 */
    
    function f(){var a,c,d,b=document.cookie.split(";");for(a=0;a<b.length;a++)if(c=b[a].substr(0,b[a].indexOf("=")),d=b[a].substr(b[a].indexOf("=")+1),c=c.replace(/^\s+|\s+$/g,""),"_ns"==c)return unescape(d)}function g(a,c){var d=2,b=new Date;b.setDate(b.getDate()+a);d=escape(d)+(null==a?"":"; expires="+b.toUTCString())+"; path=/"+(null==c?"":"; domain="+c);document.cookie="_ns="+d}function e(a,c,d){a.addEventListener?a.addEventListener(c,d,!1):a.attachEvent&&a.attachEvent("on"+c,d)}e(window, "load",function(){function a(){var a=document.getElementById("xyz14030918con"),b="2"!=f()?"\u8ffd\u8e64":"\u4e0d\u8ffd\u8e64";a.innerHTML="\u76ee\u524d\u8a2d\u5b9a\uff1a"+b+' <a href="javascript:void(0);" id="xyz14030918edit">\u4fee\u6539</a><br>(\u672c\u5340\u584a\u53ea\u6709\u7db2\u7ad9\u7ba1\u7406\u8005\u770b\u5f97\u5230)';e(document.getElementById("xyz14030918edit"),"click",c)}function c(){var b=document.getElementById("xyz14030918con"),c;c='<label><input type="radio" name="xyz" id="xyz14030918radioY" value="radio" />\u8ffd\u8e64</label><label><input type="radio" name="xyz" id="xyz14030918radioN" value="radio" />\u4e0d\u8ffd\u8e64</label><br><input type="button" name="xyzBtn" id="xyz14030918sto" value="\u5132\u5b58" /> <input type="button" name="xyzBtn" id="xyz14030918back" value="\u8fd4\u56de" />'; b.innerHTML=c;"2"!=f()?document.getElementById("xyz14030918radioY").checked=!0:document.getElementById("xyz14030918radioN").checked=!0;e(document.getElementById("xyz14030918sto"),"click",d);e(document.getElementById("xyz14030918back"),"click",a)}function d(){var b=window.location.host;document.getElementById("xyz14030918radioY").checked?g(-10,b):document.getElementById("xyz14030918radioN").checked&&g(365,b);a()}var b=document.createElement("div");b.style.cssText="width:0px;height:0px";b.innerHTML= '<span id="xyz14030918adm" class="item-control blog-admin"></span>';document.body.appendChild(b);var h=document.getElementById("xyz14030918adm");"none"!=(window.getComputedStyle?window.getComputedStyle(h).display:h.currentStyle.display)&&(b.innerHTML='<div style="padding:10px;font-size:12px;line-height:18px;width:175px;height:70px;position:absolute;left:'+x+"px;top:"+y+'px;z-index:99999;border:1px solid red;background-color:#FFFFFF;border-radius:5px;box-shadow: 5px 5px 5px #CCCCCC;">\u662f\u5426\u8ffd\u8e64\u6b64\u700f\u89bd\u5668\u7684\u700f\u89bd\u91cf ?<div id="xyz14030918con"></div></div>', a())})})();
    //]]>
    </script>
    安裝後的範本畫面,類似下圖。
  2. 儲存範本後,即可到前台查看是否安裝成功,如下圖。(設定畫面只有登入為管理者時,才看得到)
  3. 可修改預設的位置。例如下圖是設定 var x=200; var y=50; 的效果。
  4. 修改畫面如下
其它:
  • 這個安裝在範本的小工具,跟之前的書籤小工具不一樣的地方。
    主要在於這個小工具須登入才能使用,之前的書籤小工具則不用登入即可使用。
  • 這個小工具,多加了顯示目前的設定值,可以清楚的知道目前是否有追蹤此瀏覽器的瀏覽量。

2 則留言:

  1. 這個範本很好用,謝謝你!! ^__^
    要是早點看到就不用讓自己的網誌莫名多了3個瀏覽量XDD
    (瀏覽量潔癖)

    回覆刪除