AddThis - 不使用JavaScript程式碼的分享模式

AddThis為您自動生成的分享方式，都需要在頁面上使用JavaScript程式碼才能正確地執行。若您不想使用JavaScript程式碼，或在某些禁用JavaScript程式碼的網站上無法使用時，可以選擇AddThis所提供另外一種──指定URL的分享模式﹝Sharing Endpoints﹞。用法很簡單，只要將指定的URL﹝如下所示﹞插入到連結即可：

<a href="http://api.addthis.com/oexchange/0.8/forward/facebook/offer?url=http://ursecretgarden.blogspot.com" target="_blank">分享至Facebook</a>

上面連結中的url=http://ursecretgarden.blogspot.com即是要分享的網址，所以只要將http://ursecretgarden.blogspot.com換成您自己的網址即可達成分享到Facebook的動作。

若要分享到其他的分享選項，可以參考以下的URL設定﹝其他未列出之分享選項代碼，請查閱：http://www.addthis.com/services/list﹞：

• Facebook - <a href="http://api.addthis.com/oexchange/0.8/forward/facebook/offer?url=http://ursecretgarden.blogspot.com"></a>
• Google網頁書籤 - <a href="http://api.addthis.com/oexchange/0.8/forward/google/offer?url=http://ursecretgarden.blogspot.com"></a>
• Ask.com - <a href="http://api.addthis.com/oexchange/0.8/forward/ask/offer?url=http://ursecretgarden.blogspot.com"></a>
• Twitter - <a href="http://api.addthis.com/oexchange/0.8/forward/twitter/offer?url=http://ursecretgarden.blogspot.com"></a>
• MySpace - <a href="http://api.addthis.com/oexchange/0.8/forward/myspace/offer?url=http://ursecretgarden.blogspot.com"></a>
• Digg.com - <a href="http://api.addthis.com/oexchange/0.8/forward/digg/offer?url=http://ursecretgarden.blogspot.com"></a>
• AIM即時通 - <a href="http://api.addthis.com/oexchange/0.8/forward/aim/offer?url=http://ursecretgarden.blogspot.com"></a>
• 電子郵件 - <a href="http://api.addthis.com/oexchange/0.8/forward/email/offer?url=http://ursecretgarden.blogspot.com"></a>
• Windows Live - <a href="http://api.addthis.com/oexchange/0.8/forward/live/offer?url=http://ursecretgarden.blogspot.com"></a>

以下為實際的連結測試範例﹝試著點擊看看﹞：

• 分享至Facebook
• 添加到Google網頁書籤
• 分享至Ask.com
• 分享至Twitter
• 分享至MySpace
• 分享至Digg.com
• 分享至AIM即時通
• 分享至電子郵件
• 分享至Windows Live

除了文字連結外，您也可以使用美觀的圖示來作連結。以下為圖示的連結測試範例﹝試著點擊看看﹞：

所有參數說明：

• url - 指定您所要分享的網址。如：url=http://ursecretgarden.blogspot.com
• title - 指定您所要分享的主旨。如：title=AddThis Sharing Endpoints
• username - 指定您在AddThis上所設定的帳號。

參數使用說明：

• 使用超過兩個參數時，參數與參數間需以&來連接。如：url=http://ursecretgarden.blogspot.com&title=AddThis Sharing Endpoints
• 使用title參數指定中文主旨時，因為是以URL的傳值方式來傳遞中文碼，所以往往會產生亂碼。解決的方法是先以 線上URL編碼器 將中文碼轉成URL的編碼方式。如：title=AddThis指定URL的分享模式，經URL編碼後就成了──
  title=AddThis%E6%8C%87%E5%AE%9AURL%E7%9A%84%E5%88%86%E4%BA%AB%E6%A8%A1%E5%BC%8F

(More......)

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﹞：

• Facebook - <a class="addthis_button_facebook"></a>
• 添加到我的最愛 - <a class="addthis_button_favorites"></a>
• Google網頁書籤 - <a class="addthis_button_google"></a>
• Ask.com - <a class="addthis_button_ask"></a>
• Twitter - <a class="addthis_button_twitter"></a>
• 列印 - <a class="addthis_button_print"></a>
• 百度 - <a class="addthis_button_baidu"></a>
• MySpace - <a class="addthis_button_myspace"></a>
• Digg.com - <a class="addthis_button_digg"></a>
• AIM即時通 - <a class="addthis_button_aim"></a>
• 電子郵件 - <a class="addthis_button_email"></a>
• Windows Live - <a class="addthis_button_live"></a>

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


<script type="text/javascript">

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

</script>


(More......)

AddThis - 顯示中文介面

AddThis所提供的分享功能相當強大，所涵蓋的分享服務點也非常多，但目前AddThis所支援的中文介面，卻只有簡體中文，這對用慣繁體中文的使用者來說，實在是不太友善‧‧‧還好，我們可以透過AddThis所提供──自訂分享選單內容的方式來稍作改善，以下我們先來看看如何將AddThis的分享選單設定成簡體中文介面﹝如下圖﹞：

步驟很簡單，只要再多加一行以下的JavaScript程式碼：

<script type="text/javascript">
var addthis_config = {ui_language: "zh"}
</script>

並且將「Share」為「共享」，以符合分享選單上的中文翻譯：

上面的程式碼中，我們所新增ui_language: "zh"的部分，其中的zh代碼所指的就是中文。所以如果您所採用的是其他國家的語言，如法語﹝將zh代碼替換為fr﹞或義大利語﹝將zh代碼替換為it﹞。詳細代碼表請查閱：http://www.addthis.com/languages

若所採用的是繁體的中文介面，除了得先設成簡體中文介面外，還得透過AddThis所提供──自訂分享選單內容的方式來將選單上簡體字替換成繁體字：

改法也很簡單，就是在剛新加的程式碼下方再多加上以下的程式碼：


<script type="text/javascript">

var addthis_config = {ui_language: "zh"}

var addthis_localize = {

share_caption: "添加到收藏夾 / 分享",

email_caption: "發送電子郵件給好友",

email: "電子郵件",

favorites: "我的最愛",

print: "列印",

more: "查看更多"

}

</script>


如此修改完後，在選單介面上所呈現出的就完全是繁體字了。只剩下一小部分屬於「電子郵件」介面的，還有一些零星的簡體字﹝如下圖﹞：

(More......)

AddThis - 可線上查詢的追蹤分析圖表

AddThis不僅可以將您網站上的精彩內容分享到世界各地，還提供許多追蹤分析圖表可供線上查詢，如下圖所顯示的Sharing Trends﹝每日分享次數統計趨勢圖：讓您了解最近一個月內的分享趨勢﹞、Top Services﹝熱門分享服務圓餅分布統計圖：讓您了解現在最熱門的分享服務有那些，如：Facebook、Twitter等﹞及Top Continents﹝熱門分享區域概況：讓您了解分享者所在區域的分布概況﹞：

若您要使用以上的追蹤分析功能，必須在創建分享按鈕的第三個步驟中選擇Yes選項：

並且在按下第四個步驟的Get Your Button按鈕後，新建一個AddThis帳戶：

輸入使用者代碼﹝只接受英文字及數字﹞、電子郵件地址﹝可每週郵寄追蹤分析報表﹞及密碼後，按下Register按鈕以新建帳戶。待帳戶新建成功後，AddThis同樣會自動生成JavaScript的程式碼供您轉貼到網站上：

數日後，當您再度登入AddThis時，即可看到如下的圖表：

• Sharing Trends﹝每日分享次數統計趨勢圖﹞，依每日被分享的次數來作評比，以顯示最近一個月內的分享趨勢 -
  
• Top Content﹝熱門分享內容排行表﹞，依每一內容所被分享的次數來作評比，以顯示最近一個月內最熱門的分享內容 -
  
• Top Services﹝熱門分享服務圓餅分布統計圖﹞，依分享的服務如：Facebook、Twitter、MySpace等來作評比，以顯示最近一個月內最熱門的分享服務 -
  
• Top Continents﹝熱門分享區域概況﹞，依亞洲、北美洲、南美洲、歐洲、非洲及澳大利亞六大區域來作評比，以顯示最近一個月內最熱門的分享區域 -
  

(More......)

AddThis - 將網站上的精彩內容分享到世界各地

輕輕鬆鬆地，只要四個步驟，不僅可以將您網站上的精彩內容分享到世界各地，還可線上查詢許多追蹤分析圖表如：每日分享次數的趨勢圖、熱門分享內容的排行表、熱門分享服務的圓餅圖等等‧‧‧藉由這些圖表，您可以清楚地知道網站受歡迎的程度以及網友感興趣的網頁內容，以便適時地調整您的行銷策略，讓您的網路行銷彈無虛發、百發百中。

首先，我們先來瞧瞧，網站上加入AddThis分享按鈕後的範例頁面﹝如下圖﹞。加上的AddThis分享按鈕，可說是百分百與您的專業設計頁面緊密地結合在一起，如此強大的功能，您心動了嗎？讓我們馬上來試試看‧‧‧

第一個步驟，選擇網站(Website)圖示，表示要加入到您自行架設的網站。若是您想加入的並非是網站，而是部落格如：WordPress、Blogger或是MySpace，請改選該部落格之圖示。

第二個步驟，選擇您要使用的按鈕樣式。

第三個步驟，您需要追蹤分析嗎？選擇No選項表示不需要追蹤分析，選擇Yes選項則可以線上查詢追蹤分析圖表，但得先註冊成為會員才行。我們先點選No選項試試‧‧‧

第四個步驟，點選Get Your Button按鈕，然後‧‧‧大功告成！

快速地經過四個步驟後，AddThis會為您自動生成包含JavaScript的程式碼‧‧‧此時您只要輕輕點下Copy Code按鈕，就可將該程式碼轉貼到每一個您想要加入AddThis分享按鈕的內容上。

待您轉貼成功後，我們可試著測試一下分享的功能‧‧‧若您想分享到您的Facebook帳號上，請直接點選Facebook圖示。當您點選了之後，AddThis會隨即開啟Facebook的登入頁面，在此，請輸入您登記在Facebook上的電子郵件地址(Email)及密碼以進行登入。成功登入Facebook後，您就可看到如下圖的分享頁面‧‧‧酷吧！

AddThis的分享按鈕上，除Facebook選項外，尚有MySpace、Google網頁書籤及Twitter三個選項可以選擇。而且，當游標滑向Share時，還可自動開啟包含更多分享選項的分享選單﹝如下圖﹞。看到最後一個選項More...(224)了嗎？還有兩百多個分享選項﹝持續增加中﹞，不怕您選不到喜歡的‧‧‧

(More......)