ad

2012年6月19日火曜日

Google+の最新の投稿をブログに表示させる

これまで,javascriptでGoogle+の投稿データを取得する方法を記してきました.

これらを利用して,Google+の最新投稿を自動でブログ記事にする方法を考えてみました.
データを取得したら,そのままBloggerに出力させる方法です.

この記事の日時を未来に設定しておけば,トップにGoogle+の最新投稿を表示させ続けられるような.
ツイッターをGoogle+に反映させることは出来ないようですが,(←出来る?)
このGoogle+取得プログラムをガジェット化しようかなあ・・・



Yuko Oshima


コード的にはこんな感じ
 
//javascript code
<script type="text/javascript">
<!--
  //ページが呼び出された時に同期通信させる
  window.onload = function(){
   
  var httpObj = new XMLHttpRequest();
   
  httpObj.onload = function(){
    var jsonData = httpObj.responseText;
    var data = eval("("+jsonData+")");
    var resultData = data.title; 
    for(var i = 0 ; i < data.items.length ; i++){
      resultData += "<hr>";
      resultData += data.items[i].object.content;
      if( null != data.items[i].object.attachments ){
        var ht = data.items[i].object.attachments[0].fullImage.height / 2;
        var wd = data.items[i].object.attachments[0].fullImage.width / 2;
        if(ht > 800){
          ht = ht/2;
          wd = wd/2;
        }
         resultData += "< br > <img src='";
         resultData += data.items[i].object.attachments[0].fullImage.url;
         resultData += "' height='";
         resultData += ht;
         resultData += "' width='";
         resultData += wd;
         resultData += "'>";
      }
      }
    document.getElementById("GAct").innerHTML = resultData;
  };

  var url = "https://www.googleapis.com/plus/v1/people/Google+のID/activities/public?key=***********&maxResults=1";
  httpObj.open("get",url,false);

  //GETなのでnull設定
  httpObj.send(null);
  
 }
// -->
</script>

//html code
<div id="GAct"></div>

0 件のコメント:

コメントを投稿