Google版のいいねボタン『+1』をWEBサイトに設置して、プロフィールで表示してみた

googleplus

この間、facebookのアカウント抹消を食らいまして『いいね!』ボタンが押せなくなっているsusi-pakuです。('A')

先日、そのいいねボタンのGoogle版『+1』(プラスワン)が公開されたのでさっそくWEBサイトに貼ってみました。Gmailアカウントを持っていない人が少ないくらいの現状でこのプラスボタンはなかなか有用になりそうな気配ですよ。

設置は容易にできるので、普及しそうだね。

先日、ITメディアに掲載された記事によると3月から公開されていた+1の機能を自分のWEBサイトへ貼る事ができるようになったよ っとの発表があったそうです。

pasiks000821

"Google版いいね!"の「+1」、Webサイトへの設置が可能に - ITmedia ニュース

ほほー、これは面白いなぁ。CS-CARTにも追加してみようかなぁっとか考えちゃったわけだす。('A')

それではさっそく、この+1機能を利用してみます。

まだ試験段階なので、Google Experimental Search から申し込みを行わなくてはならないようです。

pasiks000812

サイトを開いて Join thsi experiment を選択します。

pasiks000822

This is your selected experiment. という表記に変わりますね。当然ながらGoogleのアカウントが必須なので事前に用意しておく必要がありますね。

+1ボタンをWEBサイトに貼る。

GooglWEBサイトに+1ボタンを設置する を開いて希望する言語、サイズ、ソースコードを確認します。

pasiks000819

ボタンサイズ一覧、ツィートやFacebookのいいねボタンを並列で表記する場合は中サイズが妥当だね。

pasiks000824

詳細オプションでは、ブログ記事ごとに+1を表示させるか それとも特定のサイトに+1を表示させるか選択できます。

pasiks000825

+1の対象とするURLという入力フィールドにURLを入れると、そのURLのみを対象とした結果が表示されるわけです。※ここにURLを入れないと挿入されたページごとに+1が適用されます。

pasiks000826

例えば、PAKUTASOで使用する場合、上記のように個別ページごとの写真に+1を入れてあげるといいよね。('A')

あとは、ソースコード


<!-- 次のタグを head 要素内または body 終了タグの直前に貼り付けてください -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
  {lang: 'ja'}
</script>

<!-- 次のタグを +1 ボタンを表示する箇所に貼り付けてください -->
<g:plusone size="tall" href="https://www.susi-paku.com/"></g:plusone>


表示される上記のようなコードをWEBサイトに貼ればOKです。簡単だね。('A')

+1ボタンを押すとどうなるの?

Facebookだと、いいねボタンを押すと自動的にアカウントに追加されていくわけだけども、+1機能ではGoogleプロフィールのページに表示されるようになります。

pasiks000814

うちのサイトバーに+1を追加してみたので、ぜひクリックしてもらうと嬉しいんですが クリックするとGoogleプロフィールに追加するようサイトが表示されます。▼ここからでも押せます。

pasiks000813

pasiks000827

Googleのプロフィールを持っていない場合、作成の開始の旨を聞かれますので開始を押してください。

pasiks000818

すると自分のプロフィールページに+1を押したサイトが表示されます。(デフォルトではプラスワンの情報は一般公開されないです ※このタブをプロフィールに表示するにチェックを入れると一般公開されます

ちなみに、susi-pakuさんのアカウントはこれね。susi paku - Google プロフィール

Googleアカウントでいいねボタンは結構楽なので、普及しそうな予感ですね。是非テスト段階ではありますが追加してみてはいかがでしょうか。('A')おしまい