如何在我的网站上显示我的google plus页面的活动供稿？

问题描述 投票：3回答：2

我想在我的网站上显示我的Facebook，Twitter，linkedIn，google +页面的活动供稿。对于facebook和twitter，iam通过引用其开发者网站来获取提要（图像已附上）。但我不知道如何从Google plus页面获取活动供稿。有可用的选项吗？

“在此处输入图像描述”

google-plus
2个回答
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。

2
投票

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

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.