ソーシャルブックマークサービス「 AddThis 」をカスタマイズ

と~っても便利なソーシャルブックマークサービスのAddThisですが、
海外向けのサービスも多く、かなり不要なものが多いので
最近になって通販サイトでも導入したのをきっかけにカスタマイズしてみました。

1.日本語化

参考URL

コード

2.facebook・Twitter・Google +1ボタンのカスタマイズ

参考URL

コードはそれぞれ好きなもので

3.オンマウス時の挙動

通常はオンマウスでメニューが表示されるが以下のようにすると
オンクリックに変わります

コード

4.好きなものだけ表示したい時に参考にするページ

参考URL

上記ページにはコード一覧があります。

facebookを表示したい場合は

のように、addthis_button_ の後に
facebookのコードであるfacebookを入れるだけ。

5.オンマウス時及びもっと見るをクリックした時に表示させたいサービスを選ぶ方法

参考URL

コード例

services_compact オンマウス時に表示されるメニューをサービスから選択して表示する
(選択したもののみ表示されます)

services_expanded もっと見る(Share)をクリックした時に表示されるメニューを
サービスから選択して表示する(これ試しましたがうまくいかず・・)

services_exclude 上記どちらにも表示させたくないものを選択して非表示にする
(日本で必要なサービスのみ選択せずにするといいかもですが、数が多いので苦労しますが、
私はやってみました。こんな感じ↓)

コード一覧はここ

6.Twitterの@を自分のアカウントにする

参考サイト(かちびと. netさん)

Twitter投稿の際、デフォルトだと
from AddThis となっているものを自分のアカウントに変更する

via @sobatomisen っとなっているところを自分のものに変更。

そして現在私のサイト(通販のページ)で使っているコードすべては↓

っとまあこんな感じにしました ^^;

posted by そば富泉

:: スポンサーリンク ::

コメント(Facebook・Twitter・WordPressアカウントでもコメントできます)