2011年11月29日

ウェブログにAddThisを貼ってみた

AddThis

寂しいことに12月15日にGoogleバズが終了するとのことなので、当ウェブログからこのボタンを外した。
ついでにGoogle+1 ボタンも外し、AddThisというウェブサービスのGoogle+1 ボタンに置換した。
この共有ボタンサービスなら、もれなくFacebookTwitterの共有ボタンも付いてくる。
AddThisのサイトに行ったら、ライブドアAuth OpenID(http://profile.livedoor.com/あなたのlivedoor ID)でサインアップし、ライブドアメールを入力すればサインアップ完了。
で、HTML・JavaScriptのタグを取得。

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:addthis="http://www.addthis.com/help/client-api" xml:lang="ja">
<head>
....
<script type="text/javascript">var addthis_config = {'data_track_addressbar':true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-xxxxxxxxxxxxxxxx"></script>
</head>
<body>
....
<IndexArticlesLoop>
....
<div class="addthis_toolbox addthis_default_style" addthis:title="<$BlogTitle ESCAPE$> - <$ArticleTitle ESCAPE$>" addthis:url="<$ArticlePermalink$>">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
<a class="addthis_button_google_plusone"></a>
<a class="addthis_button_google"></a>
<a class="addthis_button_gmail"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_facebook"></a>
<a class="addthis_button_hatena"></a>
<a class="addthis_button_tumblr"></a>
<a class="addthis_button_evernote"></a>
<a class="addthis_button_box"></a>
<a class="addthis_button_email"></a>
<a class="addthis_button_favorites"></a>
<a class="addthis_button_print"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
....
</IndexArticlesLoop>
....
</body>
</html>

自分は貰ったタグを上のように修正してから全デザインテンプレートに追加するとともに(上はトップページへの追加例)、設置してから数か月しか経っていないGoogle+1とGoogleバズのボタンのコードを削除した。
最初から独自タグで共有ボタンを追加しておけば…という愚痴はナシの方向で。
なお、AddClipsという同様のウェブサービスにも登録し、そのタグを貼っておりカブっているが、あまり目立たないのでウェブアプリケーション型フィードリーダーへの登録用にとそのままにしておいた。

4
m_hiro at 23:09 :Comments(0),TrackBack(0)
Categories : 日記/一般コンピュータ
このエントリーをはてなブックマークに追加 mixiチェック

コメントする

このブログにコメントするにはログインが必要です。