网页嵌入Twitter的推文

2024-05-23 16:06:46

step 1：使用 oEmbed 转换推文 URL

使用oEmbed API以编程方式将推文URL 转换为嵌入的推文标记。使在您的 CMS 或应用程序中嵌入推文就像粘贴推文 URL 一样简单。

step 2：使用 JavaScript 渲染推文

我们的小部件 JavaScript 在执行时扫描 DOM，根据元素内容将 blockquote.twitter-tweet元素转换为完全渲染的嵌入式推文。

如果动态地将新内容插入页面，请将新文档片段传递给 twttr.widgets.load() 以初始化嵌入的推文内容。

如果内容被动态插入到页面中（例如延迟加载内容或使用 pushState 技术在文章之间导航），则有必要使用twttr.widgets.load()函数解析新按钮和小部件。

twttr.widgets.load()

不带参数调用， widgets-js 将在整个 document.body DOM 树中搜索未初始化的小部件。为了获得更好的性能，请传递一个 HTMLElement 对象以将搜索限制为仅对元素的子元素进行搜索。

例子：

twttr.widgets.load(document.getElementById("container")
);

要在运行时直接渲染嵌入式Tweet，请使用 twttr.widgets.createTweet（）函数。

例子

页面上存在DOM ID 为container的元素。

<div id="container"></div>

下面的代码片段将 Tweet ID 20 插入到具有唯一 ID container的元素内的页面中。options 对象指定了深色主题自定义。

twttr.widgets.createTweet("20",document.getElementById("tweet-container"),{theme: "dark"}
);

承诺

该 twttr.widgets.createTweet 返回一个承诺。您可以在将小部件插入到您的页面后，通过将回调传递给生成的 Promise 的then 函数来执行代码。

twttr.widgets.createTweet(...)
.then( function( el ) {console.log('Tweet added.');
});

官方API 链接：

https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/overview

网页嵌入Twitter的推文相关推荐

推特图片搜索php,使用PHP通过twitter api获取twitter的推文信息
如果想用twitter api获取twitter的推文信息,首先你需要在https://apps.twitter.com 上面创建一个而应用,然后填写应用的相关信息如下图: 通过创建应用获取 Cons ...
lstm 文本分类_带有lstm和单词嵌入的灾难推文上的文本分类
lstm 文本分类 This was my first Kaggle notebook and I thought why not write it on Medium too? Ť他是我第一次Kag ...
【Twitter 舆论分析】Twitter 实时推文爬虫
0x00 前言继续探索Twitter API的使用,这次获取一下Twitter的实时推文. 0x01 具体步骤 1.sample-steam 样本流这是Twitter提供的代码,比较简单,只需要更 ...
twitter推文采集案例
案例内容:twitter的推文采集. 通过游客身份获取twitter中用户的推文. 用户推文:只能翻22页,1页45条左右. 每个用户最多获取最近900条推文 (登录后),不登录区别也不大. User ...
twitter推文案例
案例内容:twitter的推文案例. 文章目录 UserByScreenName-API 游客ID authorization guest-token UserTweets-API 完整代码经测试: ...
怎么在CSDN中写微信公众号推文？
简介: 本文给出了使用CSDN编写微信公众号的推文的过程.为了方便,编写了一些辅助程序以弥补CSDN中的补足,并对从CSDN到MDNICE进行文章格式的转换.通过长期使用,验证了这个过程非常有效. ...
twitter推文不收录_如何使用Twitter书签保存推文供以后使用
twitter推文不收录 Khamosh Pathak Khamosh Pathak Twitter has a new Bookmarks feature that lets you private ...
在Python中使用Twitter Rest API批量搜索和下载推文
数据挖掘 , 编程 (Data Mining, Programming) Getting Twitter data 获取Twitter数据 Let's use the Tweepy package i ...
特朗普近百条推文，被 Twitter 标记为「不实消息」
By 超神经内容提要:自从 2016 年美国大选之后,各社交平台因虚假消息误导选民而备受批评.近几年来,Twitter 在消除虚假信息上投入了大力气,最近晒出了今年的成果. 关键词:Twitter ...

最新文章

热门文章