2011年11月29日
ウェブログにAddThisを貼ってみた
寂しいことに12月15日にGoogleバズが終了するとのことなので、当ウェブログからこのボタンを外した。
ついでにGoogle+1 ボタンも外し、AddThisというウェブサービスのGoogle+1 ボタンに置換した。
この共有ボタンサービスなら、もれなくFacebookやTwitterの共有ボタンも付いてくる。
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_google_plusone"></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"></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という同様のウェブサービスにも登録し、そのタグを貼っておりカブっているが、あまり目立たないのでウェブアプリケーション型フィードリーダーへの登録用にとそのままにしておいた。
- ブログネタ:
- ライブドアブログのカスタマイズ に参加中!
このブログにコメントするにはログインが必要です。
さんログアウト
この記事には許可ユーザしかコメントができません。