如何在我的网站中显示我的 google plus 页面的活动提要？答案

【问题标题】：How to display activity feed of my google plus page in my website?如何在我的网站中显示我的 google plus 页面的活动提要？
【发布时间】：2019-11-09 03:32:42
【问题描述】：

我想在我的网站上显示我的 facebook、twitter、linkedIn、google+ 页面的活动源。对于 facebook 和 twitter，我通过引用他们的开发者网站（图片附件）来获取提要。但我不知道如何从 google plus 页面获取活动提要。有没有可用的选项？

【问题讨论】：

标签： google-plus

【解决方案1】：

有一些工具可以帮助您使用 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。

【讨论】：

【解决方案2】：

有一个简单的 jquery 插件叫做Google+ Feed Widget。

【讨论】：

你试过v2的插件吗？ github.com/kyco/jquery.kyco.googleplusfeed2demo 还在运行，所以可能是配置kyco.github.io/jquery.kyco.googleplusfeed2
不知道它存在。实际上，我刚刚检查过，此链接自我之前的评论以来已更新。它现在有一些重定向到 Github。很快就会试一试