2019.11.19Google+スポンサーリンク先日、Bloggerに「Google+コメント」を表示することができるようになりましたが、それをWordPressを使っているこのブログに実装してみました。非公式の方法なので、今後の仕様次第で表示できなくなる場合もありますから注意が必要です。設置箇所は、記事末にあるFacebookコメントの下。記事ページの最下部ですね。「Google+コメント」に入るのは、当該URLをコメント付きでシェアされたものや、さらにそれを共有したアクティビティといったもののようですね。やって見ると、Facebookコメントよりもいいかもしれないなぁ。Facebookコメントの場合、あくまでも記事ページでコメントしたものだけが表示される仕様ですから、ページ上でコメントするしないに関わらずリアクションが眺められるのはいいですね。現時点で、WordPressを含むBlogger以外のブログシステム、ブログサービスへの実装については非公式ですが、正式にリリースされたらFacebookコメントを脅かしかねないやもしれません。アンギス先日Bloggerに実装された、Google+コメント機能。Chrome拡張(詳しくはこちら)にしてみたのですが、Webサイト上でも設置できたんですよね。iframeを使って呼び出すので、ifr...unguis.cre8or.jp実装方法については、上の記事に詳しく乗ってますが、一応コードは以下のとおり。WordPress版ですが、他のブログシステム、ブログサービスでも、data-hrefあるいはhrefを、自分が使っているブログの記事URLを呼び出す独自タグにしてやれば問題なく利用可能です。src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;このjavascriptのコードを<head>内にぶっ込むか、</body>直前にでも加えます。Buttonなどを導入している場合は、このコードは必要ありません。data-view_type=&quot;FILTERED_POSTMOD&quot;&gt;&lt;/div&gt;こちらはhtml5版のコードですね。&lt;/g:comments&gt;で、こちらはhtml5以外の場合に用います。Developersで実装方法が掲載された場合は、そちらに差し替えたほうがいいですね。このコードだと表示しなくなったり動作しなくなったりする恐れがあるので。注意点として、このコードを実装するとiframeの高さが600pxほど必ず入るようになっており、仮にコメントがなかったとしても、その分高さが取られるため、設置箇所によって次のセクションまでの空白が目立つかもしれません。一応、CSSで高さを制御しようと思ったんですが、ちょっと見た目が微妙になって上手くいかなかったので、このへんはまた別途いじってみたいと思います。カズキフリーランスのウェブディレクター。