2011/08/10

今できるGoogle+のシェアボタン設置方法を伝授!

今できるGoogle+のシェアボタン設置方法を以下にまとめてみました。

【追記】2011.08.25
現在はGoogle+から正式な共有方法が準備されはじめています。

https://plus.google.com/116174129635451094329/posts/EAHQw8UpRTZ?hl=ja

1、ポップアップで表示させたいので、下記ポップアップ用スクリプトを貼る。

<script>
function PopupCenter(pageURL, title,w,h) {
var left = (screen.width/2)-(w/2)-230;
var top = (screen.height/2)-(h/2)-150;
var targetWin = window.open (pageURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
}
</script>

2、下記のようにボタンを設置する。

<a href="javascript:void(0);" onclick="PopupCenter('https://m.google.com/app/plus/x/?v=compose&content=G+のシェアボタン設置方法 http://blog.m-y-p.com/2011/08/google.html', 'この記事をGoogle+へ投稿する',400,400);">ポップアップテスト</a>

以上です。実際に設置してみると、
【Google+シェアボタン設置例】

 G+するシェアボタン

↑このソースをご利用の際は、ぜひシェアしてくださいネ♪
(上記、G+するボタン画像もご自由にお使いください)