📜  twitter feed sharepoint 在线经典页面 (1)

📅  最后修改于: 2023-12-03 14:48:03.832000             🧑  作者: Mango

使用Twitter Feed在SharePoint在线经典页面分享最新动态

如果您正在开发SharePoint在线经典页面,并希望轻松地在页面上分享Twitter动态,那么您可以使用Twitter Feed插件来实现它。在本篇文章中,我们将介绍如何在SharePoint在线经典页面中实现Twitter Feed,并解释如何使用它来从Twitter上获取最新动态。

如何使用Twitter Feed

首先,您需要在Twitter上创建一个应用程序来获取您的API密钥和API密钥密码。为了创建应用程序,您需要登录到Twitter开发者门户并创建一个新的项目。在项目中,您需要提供所需的信息,如应用程序名称、用途等。完成后,您将获得您的API密钥和API密钥密码,这些信息将用于访问Twitter数据。

接下来,您需要将Twitter Feed代码添加到SharePoint在线经典页面中。为了实现它,您可以使用代码编辑器或SharePoint设计器来编辑页面。在编辑器中,您需要添加以下代码片段:

<!-- Twitter Feed -->
  <div id="twitter-feed-container"></div>
  <script src="https://cdn.syndication.twimg.com/widgets/followbutton/info.json?callback=__twttr.setFollowersCountAndFollowing&amp;userID=14866217&amp;lang=en&amp;_=1550526866664"></script>
  <script async="" src="https://platform.twitter.com/widgets.js"></script>
  <script>
  $(function() {
    var configFeed = {
      "id": '14866217',
      "domId": 'twitter-feed-container',
      "maxTweets": 3,
      "enableLinks": true,
      "showImages": false,
      "showUser": true,
      "showTime": true,
      "dateFunction": '',
      "showRetweet": true,
      "customCallback": handleTweets,
      "showInteraction": false,
    };

    function handleTweets(tweets) {
      var x = tweets.length;
      var n = 0;
      var element = document.getElementById('twitter-feed-container');
      var html = '<ul>';
      while (n < x) {
        html += '<li>' + tweets[n] + '</li>';
        n++;
      }
      html += '</ul>';
      element.innerHTML = html;
    }
    twitterFetcher.fetch(configFeed);
  });
  </script>

该代码片段包括容器div以及配置参数,在此处,您可以自定义如何从Twitter获取和显示信息。如果您想要显示更多或更少的推文,请相应修改maxTweets参数。如果您想显示图片,请将showImages设置为true。一旦您完成了修改,您就可以保存页面并预览它,看看Twitter Feed是否能够正常显示在页面中。

结论

使用Twitter Feed插件可以让您在SharePoint在线经典页面中轻松地分享Twitter动态。通过这种方法,您可以快速获取最新动态,并确保您的网站的内容总是保持最新。以上就是如何实现Twitter Feed的简单介绍,您可以自己尝试实现,以更好的适应自己的需求。