Google+用”共有ボタン”を設置しました♪

Google+用のボタンは”+1ボタン”はありましたが、記事を共有するボタンがありませんでした。
今回下記のページを見つけたので早速設置してみました♪

• Share - Google+ Platform - Google Developers

こんな感じで入力しました

出来たコードがこちら。

<!-- Place this tag where you want the share button to render. -->

<g:plus action="share" href="ゆーあーるえる"></g:plus>

<!-- Place this tag after the last share tag. -->

<script type="text/javascript">

  window.___gcfg = {parsetags: 'onload'};

  (function() {

    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;

    po.src = 'https://apis.google.com/js/plusone.js';

    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);

  })();

</script>

青字部分は下記コードに書き替えます（記事ごとの”.com”個別URLを渡すため）

expr:href='data:post.canonicalUrl'

後は、

• <!-- Place this tag where you want the share button to render. -->の部分を設置したい場所に、
• <!-- Place this tag after the last share tag. -->の部分を</head>タグの前に、

それぞれ貼り付けたらOKです。

皆さんぜひ利用してください♪