Social share button i18n

先前有一篇提到Social share button的建立方式,但在某些狀況下這個分享按鈕是需要在地化的,讓不同語言更融入(增加點擊的機會),這邊介紹Facebook, Google+, twitter這三個做i18n的方式

Facebook
Facebook有分為兩種方式分別為「XFBML」、「iFrame」



XFBML
'//connect.facebook.net/en_US/all.js';

iframe
src="http://www.facebook.com/plugins/like.php?locale=fr_FR&..."

特別注意
1. en_US的大小寫方式,Facebook是使用前兩碼小寫,後兩碼大寫,中間使用 _ (underline)隔開
2. 範例中設定為中文zh_TW


Google
Google+必須在window加入一個參數,在載入按鈕前



window.___gcfg = {
lang: 'zh-TW'
};

特別注意
1. en-US的大小寫方式,Google+是使用前兩碼小寫,後兩碼大寫,中間使用 - (dash)隔開
2. 範例中設定為中文zh-TW


Twitter



<a href="http://iskens.blogspot.com/" class="twitter-share-button" data-via="IskenHuang" data-lang="zh-tw">推文</a>

特別注意
1. en-US的大小寫方式,Twitter和Google+一樣是使用前兩碼小寫,後兩碼大寫,中間使用 - (dash)隔開
2. 範例中設定為中文zh-TW



相關連結
Facebook like button - https://developers.facebook.com/docs/reference/plugins/like/
Google+ +1 button - https://developers.google.com/+/web/+1button/
Twitter button - https://twitter.com/about/resources/buttons#tweet

沒有留言:

張貼留言