如何在我的网站上显示我的Google +页面的活动Feed?

时间:2014-04-28 07:31:58

标签: google-plus

我想在我的网站上显示我的facebook,twitter,linkedIn,google +页面的活动供稿。对于Facebook和Twitter,iam通过引用他们的开发者网站获取提要(附图)。但我不知道如何从谷歌加页面获取活动源。有没有可用的选项?

enter image description here

2 个答案:

答案 0 :(得分:2)

有一些工具可以帮助您通过Google+执行此操作,但没有预制的小部件可以执行此操作。您需要结合使用Google+ API的两个组成部分:activities.list来电和embedded post

一个非常简单的实现可能看起来像这样:

    <html>
      <head>
        <title>Plus Posts</title>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <style>
          .post {
            display: block;
            padding-bottom: 10px;
          }
        </style>
      </head>
      <body>

        <div id="posts"></div>

        <script type="text/javascript">

          var plusId = 'profile_id_to_view;
          var apiKey = 'API key from developer console';

          function start(){
            gapi.client.setApiKey( apiKey );
            gapi.client.load('plus','v1', function(){
              console.log('loaded');
              gapi.client.plus.activities.list({
                userId: plusId,
                collection: 'public',
                maxResults: 10
              }).execute(function(resp){
                if( resp && resp.items && resp.items.length > 0 ){
                  for( var co=0; co<resp.items.length; co++ ){
                    $('#posts').append('<div class="post"><div id="posts-'+co+'"></div></div>');
                    var url = resp.items[co].object.url;
                    gapi.post.render('posts-'+co, {url:url});
                  }
                } else {
                  console.log('invalid resp', resp);
                }
              });
            });
          }

          (function(){
            var po = document.createElement( 'script' );
            po.type = 'text/javascript';
            po.async = true;
            po.src = 'https://plus.google.com/js/client:plusone.js?onload=start';
            var s = document.getElementsByTagName( 'script' )[0];
            s.parentNode.insertBefore( po, s );
          })();
        </script>
      </body>
    </html>

您需要创建一个项目并从http://console.developers.google.com/获取自己的API密钥,并提供此ID和您希望关注的帖子的ID。

答案 1 :(得分:2)

有一个名为Google+ Feed Widget的简单jquery插件。