WordPress に Google+ コメント欄を導入・設置する方法
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
この記事を書いた人
当ブログ『PLUS1WORLD』の記事執筆、編集、校正、プログラミング（一部）、管理を行っているのは今井阿見（いまいあみ）という個人のブロガーです。ブログは趣味と実益を兼ねて運営しています。
今井阿見は30年近くゲームを遊んでいるベテランのゲーマー。学生時代にゲーム作りや映像制作を行っていたので、ゲームだけでなく、映画やアニメなどの映像作品、スマートフォンやパソコン、ガジェットなどの分野にも深く関心があります。
このブログ記事を気に入ったら著者（今井阿見）を応援して下さい！ 励みになります！