Google+の記事についたコメントをブログやWEBページに貼り付けるコード
Ryutaroh Yamashitaの雑記 (Google+の記事についたコメントをブログやWEBページに貼り付ける)
http://ryutaroh-yamashita.blogspot.jp/2013/06/googleweb.html
上記のページで教えていただいたものを、javascriptコード化してみました。
設定の方法は下記の部分をそれぞれ書き換えて貼り付けるだけです。
- {GoogleAPI Key} APIキー
- {data-update-id} 記事ID
<div class="g-comments-for {GoogleAPI Key} {data-update-id}"></div>
<link href="https://www.googledrive.com/host/0B1hYW-B3Uhi1d0E1dlgtNUV2RTg" rel="stylesheet" media="screen" />
<script type="text/javascript" src="https://www.googledrive.com/host/0B1hYW-B3Uhi1SjdTYjNLcUgtbTg"></script>
<script type="text/javascript" src="https://www.googledrive.com/host/0B1hYW-B3Uhi1b0lYd3RNb3BRMFE"></script>
<script type="text/javascript" src="https://apis.google.com/js/client.js?onload=commentrLoad"></script>
一応各読み込みコードについて説明します。
いずれも書き換えてカスタムして使ってくれてOKです。
googleのapi以外は私個人のgoogle driveに配置してあるものです。
https://www.googledrive.com/host/0B1hYW-B3Uhi1d0E1dlgtNUV2RTg
スタイルシートです。適当に作りました。https://www.googledrive.com/host/0B1hYW-B3Uhi1SjdTYjNLcUgtbTg
実態はただのjQueryです。https://www.googledrive.com/host/0B1hYW-B3Uhi1b0lYd3RNb3BRMFE
コメント取得してきてg-comments-for のなかにHTMLを入れるJSです。https://apis.google.com/js/client.js?onload=commentrLoad
googleのapiです。
Ryutaroh Yamashitaさん感謝です^^