ShareThisボタンのカスタマイズ

このブログの個別エントリーページにおいて、ShareThisボタンの「+1」ボタンと自分が個別に設置していた「+1」ボタンの2つが表示されていました。

ShareThisボタンはWordPressプラグインを利用していたのですが、そのカスタマイズを行う場所をやっと見つけました(^^;
Plugin一覧の「ShareThis」の下記をクリック。

表示されたページの中の下記のチェックをはずすと「+1」ボタンをはずせます。

「+1」ボタンが1つになりました。

あぁ、でもこれだと、個別エントリーページでは「+1」ボタンが表示されるけど、トップページでは表示されなくなってしまうなぁ。。。
ということで、ShareThisボタンの「+1」ボタンを生かし、自分が個別に設置していた「+1」ボタンの方をはずすことにしました。

そういえば、「+1」ボタンでGoogle+に共有できるようになったので、Google+の「Share」ボタンもいらなくなったなぁ、ということでついでにはずしました。

すっきりした感じ。
あとは、ボタンの重なりを何とかしたいなぁ。。。

先ほどのShareThisボタンのカスタマイズのページの以下の箇所で、Facebookの「いいね!」ボタンとGoogleも「+1」ボタンの間に全角の空白を挿入してみました。

結果・・・

うまくいったようです。
あとは「いいね!」ボタンの右端がちょん切れているのを・・・

My関連エントリー
外部+1ボタンでGoogle+に共有可能に at 2011年8月26日
ShareThisボタンがバージョンアップ at 2011年8月25日
ShareThisボタンを設置 at 2011年8月14日
Google+の共有ボタンを設置 at 2011年8月10日
「Google+1」を設置 at 2011年6月3日

外部+1ボタンでGoogle+に共有可能に

これまでは、Google+外部に設置された+1ボタンを+1しても、プロフィールの+1タブに表示されるだけでしたが、Google+で共有可能になりました。

外部の+1ボタンにカーソルを合わせたところ

+1した後に再度+1ボタンにカーソルを合わせたところ

「Google+で共有」部分をクリックしたところ

Google+に投稿されたPOST

もちろん、これまで同様プロフィールの+1タブにも表示されています。

これは便利!
 
関連ニュース
Google、「+1」ボタンと「Google+」を連係 サークルでの共有を簡易化
by ITmedia at 2011.08.25
Googleの+1ボタンがGoogle+のサークルで共有されるようになった
by TechCrunch at 2011.08.25
Google、「+1」「Google+」連携などで情報共有を豊かに
by japan.internet.com at 2011.08.26
 

「Google+1」を設置

「Google+1」をこのブログに設置してみました。
「Google+1」が何かについては、下記動画をご参照。

YouTube – Introducing the +1 Button

まずは「Google+1」のコードを以下のページより入手。
+1 をウェブサイトに表示

WordPressでテンプレート「abcOK」利用時の設置方法を以下にメモ。

ヘッダー(header.php)の /headの手前に下記赤字のコードを追加。

<script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”>
{lang: ‘ja’}
</script>

</head>

ところで、このコードについては、「次のタグを head 要素内または body 終了タグの直前に貼り付けてください」と記載してあったので、当初は、フッター(footer.php)の /body の直前に追加したのですが、うまく表示されなかったので、上記のようにヘッダーへの追加に変えました。
なんでかなぁ。。。

次に、単一記事の投稿(single.php)に下記赤字のコードを追加。

</div><!– #post-<?php the_ID(); ?> –>
<g:plusone></g:plusone>
<div id=”nav-below” class=”navigation”>

以上により、以下のようなボタンが表示されました。(下記は画像です。)

このボタンにカーソルを持って行くと以下のように表示されます。(Googleにログイン状態時)

(一部ぼかしをいれています。)

これをクリックすると以下のように+1されました。

この状態でクリックすると、誰が+1したか表示されたりするのかな、と思ったら、もう一度クリックすると取り消されるようです。

(一部ぼかしをいれています。)

+1した結果、誰にどう伝わるのか、いまひとつわかりません。
自分が+1したリストはGoogleプロフィールで見ることができます。
以下のようにGoogleプロフィールに「+1」が追加されています。

(画像をクリックすると拡大画像を表示します)

これをクリックすると以下のように自分が+1したリストが表示されます。

(画像をクリックすると拡大画像を表示します)

結局、そのボタンを+1した人のリストをどこで見ることができるのかは、
わからなかった (>_<) 関連ニュース
グーグルの「+1」ボタン、ウェブサイトで実装可能に–ソーシャルに対する新たな試み
by CNET at 2011.06.02
Googleの「+1」ボタン、一般サイトでも設置可能に
by INTERNET Watch at 2011.06.02