WordPressにGoogle+のコメント欄(システム)を設置する方法

WordPressにGoogle+のコメント欄(システム)を設置する方法
このエントリーをはてなブックマークに追加
PR

Google+のコメントをBloggerで使えるようになっていて、さらに非公式ですがGoogle+のコメント欄を他のウェブサイトにも設置できることを知りました

このブログではWordPressのコメント機能をカスタムして、独自のデザインに変更していますが
TENPARA.NETではリニューアル時にGoogle+のコメント欄を設置する予定です

WordPressでもGoogle+のコメントシステムが設置できるのでその方法を紹介します

 

WordPressにGoogle+のコメントシステムを設置する

すんごくシンプルでコードを設置するだけ

<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>

Google+のボタンを設置している場合はGoogle+ボタンのスクリプトコードを使うので
スクリプトコードは省略できます

data-widthの数値はpx単位です、ウェブサイトの幅に合わせて変更してください
WordPressでは、ページのURLを自動で取得して表示できるので、各ページにあったURLを自動で入るようにしています。かなり楽です。手動で指定する場合は data-href=”http://”という風にURLを指定します

あとは、このコードを表示したい所に設定してやればOKです

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)