2012年10月07日

AddThisをカスタムJSに貼付してみた

ここlivedoorブログのデザインテンプレートには、カスタムJSという機能がある。詳細は「新機能カスタムJSと外部連携GoogleAnalyticsをリリースしました|Blogger Alliance お知らせブログ」に譲るとして、かつて「ウェブログにAddThisを貼ってみた」で貼付したAddThisというウェブサービスのJavaScriptコードを、カスタムJSに移すことにしたので、以下に晒す。

カスタムJS(head内)部

<script type="text/javascript">
  var addthis_config = {
    data_ga_property: 'UA-XXXXXXX-X',
    data_ga_social: true,
    services_compact: 'favorites,email,print,google,diigo,tumblr,more'
}; function initAddThis() { addthis.init(); } </script> <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=XX-XXXXXXXXXXXXXXXX&amp;async=1"></script>

カスタムJS(body内)部

<script type="text/javascript">
  initAddThis();
</script>

デザインHTML部

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:addthis="http://www.addthis.com/help/client-api" xmlns:fb="http://ogp.me/ns/fb#" xmlns:tw="http://api.twitter.com/"
xmlns:g="http://base.google.com/ns/1.0"
xml:lang="ja"> .... <IndexArticlesLoop> .... <!-- AddThis Button BEGIN --> <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="box_count"></a> <a class="addthis_button_tweet" tw:count="vertical"></a> <a class="addthis_button_google_plusone" g:plusone:size="tall"></a> <a class="addthis_counter"></a> </div> <!-- AddThis Button END --> .... </IndexArticlesLoop> .... </html>

ついでに、カウンターの吹き出しが右ではなく上(縦)に出るタイプの共有ボタンデザインに変更した。あと、こうやって記述すると非同期になって処理が速くなるそうなのだが、自分にはよくわからない。なお、斜体部は、人によって違うID番号。

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

コメントする

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

トラックバックURL