[Blogger] Facebook Share / Like Button § 臉書的「分享」、「讚」推文按扭語法分享


由於Facebook的盛行,很多網站都在自己的文章中加入類似推文按鈕的小外掛,之前剛推出時是「Facebook Share Button」按鈕,現在則是「Facebook Like Button」,也就是我們常見「讚」!不知道各位喜歡哪一個呢?本文將介紹幾種語法,讓你想選擇哪一種就選哪一種。

Facebook Share Button – 官網

Facebook剛開始就是使用這個分享按鈕,以前我也都是用這一種,原始語法可以參考「官網的說明」,我自己採用的語法則是像下面的樣子,你可以利用官網的說明變換按鈕樣式:

<a href=’http://www.facebook.com/sharer.php’ name=’fb_share’ type=’button_count’>按我分享</a><script src=’http://static.ak.fbcdn.net/connect.php/js/FB.Share’ type=’text/javascript’/>

Facebook Share Button – 非官網

原始語法來自「fbShare.em :Sharecount Button for Facebook」,而以下則是我使用的語法,在這個語法中你可以使用size、url、title、google_analytics、awesm_api_key、badge_text、badge_color等參數來調整樣式,詳細作法可參考官網說明。

下面的語法,我已經加入針對Blogger用戶的單篇文章分享計數

<script>var fbShare = { size: &#39;small&#39; google_analytics: &#39;true&#39; url: &#39;<data:post.url/>&#39; } </script> <script src=’http://widgets.fbshare.me/files/fbshare.js’/>

Facebook Like Button

這是目前Facebook官網提供的Like(讚)語法,原始語法可由「Like Button」中取得,目前官網是提供一個產生器,讓你可針對不同的參數做設定,詳細的操作方法你可以參考「如何在部落格上放Facebook的「讚」來推薦文章」一文;但在這邊要特別說明的是:官網的語法沒辦法在Blogger中針對單篇文章來計數,也就是你沒有修改的話,統計出來的「讚」數目都是指向同一篇文章。

以下則是針對單篇文章計數修改過後的語法,如果你是Blogger用戶,那可以直接拷貝使用,紅色的部分則是「常見」的手動修改部分,例如長、寬、按鈕的樣式等,你可以對照官方語法來修改,以下列出幾個參數說明:

  • layout:可改成「button_count」、「box_count」、「standard」 ,這三個樣式你可以參考下面的三張圖片,由左至右!
  • height、width:更改Widget的長、寬,如果長寬不夠的話,有些字會被截掉
  • action:可以改成「like」、「recommend」,來顯示不同的字串
  • show_faces:可選擇「true」或「false」,true代表要顯示頭像,false則不顯示
  • colorscheme:可選擇「light」或「dark」,代表顏色的深淺

<iframe allowtransparency=’true’ expr:src=’&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=true&amp;width=80&amp;action=like&amp;colorscheme=light&quot;’ frameborder=’0′ scrolling=’no’ style=’border: none; height: 35px; overflow: hidden; width: 80px;’/>

在使用過程中,若需要語法轉換的話,請參考「Postable & Centricle 程式碼特殊符號線上轉換工具

最後,覺得這篇文章有一點點點點點的幫助嗎?有的話別忘記幫我推一下文喔!