在部落格中，除了方便與快速的系列分享按鈕之外，也需要提供讀者熟悉、而且具有「品牌辨識度」的官方按鈕。和 AddThis 一樣，官方按鈕也可以追蹤按讚狀況。更好的是，與系列分享按鈕相比，官方按鈕有三個優點：
- 分別而且確實的計數，假如讀者取消按讚，數字也會回扣
- 對於讀者來說更拒「公信力」，因為按鈕並非第三方提供
- 讀者可以看到分享狀況中是否已有自己好友，有助於分享擴散
本文將提供 Facebook 與 Google+ 按鈕的教學！
 |
| Photo credit: Kris Olin (CC BY-NC-SA 2.0) |
（一）登錄 Facebook App ID 讓按讚狀況可以追蹤
請先到 Facebook Developer 登錄成為開發者。完成以後，點選上方藍色橫列中的 Apps 並且選擇 Creat a New App。接著請在彈出視窗中的 Display Name 填入你的部落格名稱，Namespace 可以不用填，類別則依喜好自行選擇。按下「建立應用程式」，然後按照要求通過安全驗證。
點選左側的 Settings，App ID 框中的數字即是你的 App ID，請記下。在 App Domains 填上你的部落格首頁網址（不需要「http://」）。有些網路教學寫說填入 blogspot.com 即可，但目前看來似乎不正確，因為 Facebook 會跳出紅字警告錯誤。
接著，按下下方的 + Add Platform，在彈出畫面中選擇 Website。然後，在 Site URL 填入完整部落格首頁網址（包含「http://」）。Mobile Site URL 可以不用填。最後，記得按下右下角的 Save Changes。
取得 App ID 是個重要動作，有了 App ID 以後，可以安裝與管理 Facebook 留言板，以及使用其他 Facebook 工具元件。有興趣的人可以自行google 尋找安裝教學。
（二）Google+ 的 +1 可以追蹤嗎？
就我目前所知，Google+ 的 +1 狀況，似乎只能計數，而無法看到更多資訊。只要你的 blogger 有和 Google+ 個人頁面或專頁連結，就可以輕易看到 +1 的數量，因為任何一篇文章的 +1 都會總計到個人頁面或專頁的 +1 數上。這個數字可以透過 blogger 提供的「Google+ 徽章」小工具看到。
若有朋友知道 Google+ 的 +1 情況如何追蹤，還請留言告知。
（三）官方按鈕應該裝在哪裡？
秉持不要霸佔版面與維持簡潔的原則，我建議安裝的地方有兩個：
- 標題下方，出現在首頁，也出現在單篇文章。
- 文章頁尾，不出現在首頁，但出現在單篇文章。
之所以要放在標題下方，而且出現在首頁，是希望可以讓讀者快速看到按讚數量，方便讀者快速瞭解這篇文章的受歡迎程度，藉此吸引讀者點擊標題或者「繼續閱讀」進入全文細讀。不過，為了不要過度干擾標題，因此這裡的按鈕，我選擇以最簡單的形式為主。
那麼為何在單篇文章模式時，還是需要在頁尾擺放官方按鈕？這是為了方便認真與仔細的讀者。這類讀者通常會在閱讀全文以後，才決定是否按讚與分享，因此在頁尾提供按鈕可以讓這類讀者不需要再捲回頁頭。而且，因為在頁尾，所以這裡的按鈕可以採用比較「華麗」的形式，例如帶有文字敘述，或者可以看見朋友按讚頭像。
（四）為全站的按鈕準備好「基礎」的語法
在安裝按鈕之前，要先為這些按鈕準備「基礎」，這些按鈕才能正常運作。請先將下列「Facebook 基礎」與「Google+ 基礎」放在 </body> 之前：
<!-- Facebook 按鈕 begin --><div id='fb-root'/><script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/zh_TW/all.js#xfbml=1&appId=1473450166226153;version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script><!-- Facebook 按鈕基礎 end -->
<!-- Google+ 按鈕基礎 begin --><script defer='defer' type='text/javascript'> window.___gcfg = {lang: 'zh-TW'}; (function() {var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/platform.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);})();</script><!-- Google+ 按鈕基礎 end -->
請記得把紅色數字換成你的 App ID。不會找尋語法者，請見這篇文章。
接著，在 </head> 之前放置以下語法：
<meta content='100003331921432' property='fb:admins'/>
<meta content='1473450166226153' property='fb:app_id'/>
紅色數字仍然是你的 App ID。綠色數字則是換成你的管理者 ID，取得方法：請進入 Facebook 個人頁面，然後把網址前面的 www 換成 graph，按下 Enter 後出現的頁面，"id": 後面的數字就是你的管理者 ID。
