PLUS1WORLD

WordPress に Google+ コメント欄を導入・設置する方法

wordpress-google-plus-comment-0002

Blogger ブログにGoogle+のコメント欄が設置できるようになってしばらく経ちました。

当ブログは今WordPressを使用しているのですが、Bloggerで使われているコードを持ってきてGoogle+のコメント欄を設置しています。

BloggerでGoogle+のコメント欄が使用可能になって暫く経ったら、外部サイト用のGoogle+コメント欄が公開されるだろうと高をくくって静観していましたが、ゴールデンウィークを過ぎてもまったく公開されなかったため、山勘が外れました。私はどうやら山師には向いていないようです。

そういうことで、WordPressでのGoogle+コメント欄設置方法について、非公式の方法ではありますが解説しておきたいと思います。

広告

WordPress の Google+ コメント欄 設置

まず、ヘッダー部分(<head>~</head>内)に以下のコードを記述します。

<script src=”https://apis.google.com/js/plusone.js”></script>

Googleの+1ボタンを既に設置している方は、このコードを既にヘッダー部分に記述しているはずです。

そして、次にコメント欄を設置したい場所に以下のコードを記述します。通常バージョンとHTML5対応バージョンがありますので、好きな方を使用してください。

Google+ コメント欄 通常バージョン

<g:comments
href=”<?php the_permalink(); ?>”
width=”600″
first_party_property=”BLOGGER”
view_type=”FILTERED_POSTMOD”>
</g:comments>

Google+ コメント欄 HTML5(準拠)バージョン

<div class=”g-comments”
data-href=”<?php the_permalink(); ?>”
data-width=”600″
data-first_party_property=”BLOGGER”
data-view_type=”FILTERED_POSTMOD”>
</div>

width=”600″ の数値部分はコメント欄の初期の横幅です。指定したいサイズに書き換えてください。何もしなくても横幅が大きい場合、自動的に縮小されます。

以下のコードを記述したら、あなたのWordPressのサイトを更新しましょう。そして問題なく表示されていることを確認してください。最後に設置したコメント欄に試しに書き込んでみましょう。

公式のコメント欄が出たら切り替えよう

あくまでも、これは非公式のGoogle+コメント欄設置方法です。公式の設置方法が公開された時は、そちらに切り替えることを強くおすすめします。

Google+ でメインに活動されているブロガーの方はWordPressにGoogle+のコメント欄を導入してみましょう。

出典:http://browsingthenet.blogspot.jp/2013/04/google-plus-comments-on-any-website.html