2012/04/26

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


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



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


出来たコードがこちら。



<!-- 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です。


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


 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Blogger Templates
Related Posts Plugin for WordPress, Blogger...