RECOMEND
You are here: HomeSocial MediaGoogle+ブログのコミュニケーションを活性化!Google+コメント設置法

ブログのコミュニケーションを活性化!Google+コメント設置法


みなさん、こんにちは。

本日はGoogle+のコメントウィジェットについてご紹介したします。
Facebookのコメントウィジェットはいまや多くのブログに設置されるようになっていますが、この度Google+も同様の機能をリリースいたしました。

Blogger で Google+ のコメントが見られるようになりました
http://googlejapan.blogspot.jp/2013/04/blogger-google.html

ただし、こちらはGoogleが運営するBloggerのみの提供と記載されています。
しかし、実はこのコメントウィジェットを他のブログにも設置できる方法があるのです。

初めに断わっておきますが、こちら方法はあくまで有志が発見した方法であり、Googleが公式にアナウンスしたものではございません。
ですので、今後非対応になったり上手く動作しない可能性がございます。その点は何卒ご了承お願いいたします。

なお、内容に関してはこちらの記事を参考にさせて頂きました。

How to add Google+ Comments to any website
http://browsingthenet.blogspot.jp/2013/04/google-plus-comments-on-any-website.html

そして気になる設置方法ですが、以下のコードをコメント欄を表示させたい場所に挿入するだけです。

<script src="https://apis.google.com/js/plusone.js">
</script>
<g:comments
    href="[URL]"
    width="642"
    first_party_property="BLOGGER"
    view_type="FILTERED_POSTMOD">
</g:comments>

HTML5の場合はこちらになります。

<script src="https://apis.google.com/js/plusone.js">
</script>
<div class="g-comments"
    data-href="[URL]"
    data-width="642"
    data-first_party_property="BLOGGER"
    data-view_type="FILTERED_POSTMOD">
</div>

最初の1行は既にGoogle+1ボタンを導入している場合は省略して構いません。
[URL]には設置をするサイトのURLを記入してください。
また、widthの数値を変更することでコメント欄の横幅を調整することができます。

ただし、こちらのコードの場合、横幅の指定はできるのですが、縦幅は600から調整することができず、設置する場所によっては下部のスペースが気になってしまうことがございます。
この点は今後の改善に期待ですね。

なお、WordPressをお使いの場合は、こちらも非公式ですが専用のプラグインがいくつかリリースされています。
中でも以下のプラグインがシンプルで使いやすくオススメです。
こちらのプラグインですと縦幅もぴったりと収まります。(当ブログもこちらを利用しています。)

Google+ Comments WordPress Plugin
http://3doordigital.com/wordpress/plugins/google-plus-comments/

以上の方法でコメント欄を設置するとこのようになります。

googelcomment

通常のコメントだけではなく、記事への+1やリンクのシェアなどのアクションも表示されるます。

また、コメントをする際は表示範囲が設定でき、指定したサークルやユーザーにだけコメントを見せることができるのが大きな特徴です。
コメント内返信機能もあり、コメント欄での読者同士のコミュニケーションを促すように設計されているのが伺えます。
加えてコメント内容をGoogle+にシェアすることも可能です。

google

機能としてはFacebook Comment以上に充実していますので、Googleはぜひ公式に一般向けとして公開して欲しいですね。

Google+をよく利用している方は、ぜひ活用してみてはいかがでしょうか。

 


Comments are closed.