Google+の共有ボタン for Blogger

Google+を始めると色々便利なものがある。共有ボタンもそのひとつ。個々の記事の時だけ共有ボタンを表示してくれるようBloggerテンプレートに手を加える。

共有ボタン

Bloggerのテンプレートには標準で各サイトの共有ボタンがある。

だが、興味のない共有ボタンで埋め尽くされるのが苦手。

独自テンプレートではそれらを除外し、手動で必要な共有ボタンだけ付けている。

ブログの上部にある[share]はtwitterのもの。

twitterの共有ボタンはリンクを押したときアクセス元情報を引き出してくれてとてもお手軽。

(便利すぎて、外すに外せない。名前を変えないとややこしい。困ったものだ。)

Google+はタグ意識が強いのでそんな手抜きは許してくれない。

本題

愛用のBloggerにあわせてGoogle+共有用テンプレートに手を加える。

個々のページで表示されたいので条件付き(分岐)で記述。

タイトルなど同じ分岐があるならそこにまとめて(if-condを省いて)書けばいい。

BODY

テンプレートの挿入したい位置に貼り付け。

<b:include name='m-gplus-share' />

ユーザ定義

テンプレートを調整しやすいよう定義しておくと楽。

BODY項がpageType分岐点にあるなら、if-cond文を省いても良い。

非同期スクリプトも一緒にした。前方なら気にしなくて良いが、後方にウィジットを使うなら場所を変えよう。

<b:includable id='m-gplus-share'>
<b:if cond='data:blog.pageType == "item"'>
<div class="g-plus" data-action="share" data-height="24"></div>
<script type="text/javascript">
window.___gcfg={lang:'ja'};
(function() {
 var o = document.createElement('script');
 o.type = 'text/javascript';
 o.async = true;
 o.src = 'https://apis.google.com/js/platform.js';
 var p = document.getElementsByTagName('script')[0];
 p.parentNode.insertBefore(o,p);
})();
</script>
</b:if>
</b:includable>