私密緣: AddThis - 自訂分享按鈕及選單介面

若AddThis分享按鈕上所列的分享選項並不適用於您所開發的網站，可以變更為其他您所想要的分享選項嗎？或是分享選單上所列的分享選項太多，容易讓人眼花撩亂，可以只列出常用的四項嗎？其實AddThis提供了很多的彈性，讓我們來自行調整分享按鈕及選單介面﹝如下面的範例圖片所示﹞：

而當您要增減分享按鈕上的分享選項時，必須得先了解AddThis所預設HTML碼的含意，如：

<a class="addthis_button_facebook"></a>

其中addthis_button_facebook的含意是‧‧‧其實從字面上也不難想像，表示會產生一個Facebook圖示來供使用者點選：

了解上述的含意後，要想將預設的分享選項替換成Ask、Baidu、Digg及AIM Share選項，也就顯得輕而易舉了。話不多說，找到對應的程式碼並修改成如下所示：

問題是要如何知道其對應的程式碼是什麼呢？以下是AddThis列出較為常用的分享選項，我們整理出其對應之程式碼提供給您作參考﹝其他未列出之分享選項，請查閱：http://www.addthis.com/services/list﹞：

如文章開頭的範例圖片所示，若分享選單上的選項，我們只想保留Email、Facebook、Twitter及More選項，只需新增一行JavaScript的程式碼如下：



<script type="text/javascript">


var addthis_config = {services_compact: 'email, facebook, twitter, more'}


</script>

12/04/2009