其實這個小玩意剛出爐時我就很想用了,看起來質感很不賴。以前只支援 blogspot 和 wordpress,今天發現其實只要有點語法知識也可改造成功。以後大家可以給我的任何文章評分數,就像 Youtube 的評分功能一樣…無彈出視窗無廣告。

我等著收到一大堆 1 顆星星的吐槽(炸)


以下簡單寫個設置教程。

首先保證你的 blog 支援 Free Html / Java 的 blog parts,如果是用在 Pixnet 的話還得自備生成文章底下 DIV 的 Java 檔,否則就自己寫。

進入 outbrain 官網申請帳號,Claim your blog,Install rating widget 選擇 Yes,選擇你的 blog platform,像是 shinobi 或是 Pixnet 就是 others。

Gernerate 後有兩段 code 顯示出來, 下面那個 verify blog ownership 不一定要放。

<script language='JavaScript'>
    var OutbrainPermaLink=‘DROP_PERMALINK_HERE’;
    var OB_demoMode = false;
    var OB_langJS ='http://widgets.outbrain.com/lang_chi.js';
    if ( typeof(OB_Script)!='undefined' )
        OutbrainStart();
    else {
        var OB_Script = true;
        var str = '<script src="http://widgets.outbrain.com/OutbrainRater.js" _fcksavedurl=""http://widgets.outbrain.com/OutbrainRater.js"" _fcksavedurl=""http://widgets.outbrain.com/OutbrainRater.js"" type="text/javascript"><\/script>';
        document.write(str);
    }
    </script>

把這段 code 中的 ‘DROP_PERMALINK_HERE’ 改為

'http://xxxxx.blog.shinobi.jp<!--$entry_link-->'

打開 shinobi 的 後端 template 設置
把 code 塞進 <!--$entry_ps_text--> 和 </div> 中間即可(不知怎做的話參考這篇
至此安裝完畢!接下來說說 Pixnet 怎麼設置。


以下是 Pixnet Blog 的做法:

Pixnet Blog 的場合,則是改為 top.window.location.href
然後結合這篇文章的方法來加入,開動腦力吧~
除了 Outbrain 提供的 code,自己要先在網頁的 Free parts 中放置:

<div id="divAdSenseContentScript" style="display:none;">
<br /><br /></div>
<script src="http://www.acqbbs.com/blog/ad_js/addGoogleAd_pixnet.js"></script>

記得把 addGoogleAd_pixnet.js 下載下來,上傳到自己的空間去。
沒有空間的話,用下面這個方法解決:

  1. 將 <script src="xxxxxx.js"></script> 改成 <script type="text/javascript"></script>
  2. 把 JS 檔下載下來並用一般的文字編輯器 (例如記事本) 開啟它。
  3. 將其中的 code 全部 copy,貼到 <script type="text/javascript"> 和 </script> 之間

最後的最後,把 Outbrain Rating 的 code 放到兩個 <br /> 中間。
以上,插件安裝完畢!
等待一段時間後再去 outbrain My Account 中就可以接收到 Rating Reports。


需要注意的是,用 IE 瀏覽器看 Pixnet 目前對這個插件的支援還不是很好,無論 hover 還是 click 都沒反應,不過其實只要有點擊,評分都已經被計算了。

此外收集了其他 Blog 平台的設置方式,都是改同個地方。

Seesaa Blog:'<% article_category.page_url %>'  教程來源
FC2 Blog:'<%topentry_link>' 教程來源

Outbrain Wiki

以前還有提供 Firefox  Add-on 來實現對任何網頁評分,不過現在官網似乎刪除了那個 Add-on,不知發生了什麼事,我現在還裝著就是了。此外也可以在 RRS Reader 上進行評分,可參考電腦玩物的這篇教程

用相同方法也能破解其他 Blog Widget,比如 Clickcomments。簡單來說,只要知道文章的變量就好了…有了這種插件還不錯,感覺可以跟讀者多點互動,不用擔憂自言自語了半天其實都在自嗨,也可避免讀者硬擠出個「寫得好」、「感謝分享」之類的留言 XD

可以隨便引用和轉載,可是務必保留以下文字:
===============================================
本教程由 shintaro 原創
部落格網址:http://blog.pixnet.net/blog/shintaro
尊重他人勞動成果,引用或轉載請保留此信息,謝謝。
===============================================

Posted by shintaro at 痞客邦 PIXNET Comments(0) Trackback(0) Hits(417)