问题标签 [twitter-share]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
134 浏览

javascript - 如何使用 angularJS/javascript 在 Twitter 上分享帖子以及帖子详细信息

我使用 AngujarJS/JavaScript 技术(前端)创建了一个网站。

如何在 Twitter 上分享帖子?

我在 index.html 中创建了元数据,需要分享帖子的详细信息。当我单击 twitter 按钮时,应该在 JavaScript 方法shareOnTW *$scope.shareOnTW = function(imgs)上点击该按钮

网站截图

0 投票
2 回答
499 浏览

javascript - 推特意图分享日文文本在 IE11 中不起作用

我有一个简单的分享按钮,通过它 twitter 分享 url 和文本

这在每个浏览器中都有效,但是当 IE11 不工作时。显示 400 错误请求。有谁能够帮助我。

在此处输入图像描述

有时不显示 400 错误请求,但日文文本显示为问号

当我将此 URL 打开到 chrome 中时,它可以工作,之后如果我从 Chrome 复制此 URL,那么也可以在 IE 中工作,但直接 URL 不起作用。也许是 URL 编码问题。请帮忙

0 投票
1 回答
54 浏览

javascript - 如何添加 Twitter 分享功能以使用由 JavaScript 动态生成到 div 中的字符串?

有一个基于 JavaScript 的赞美生成器,只需单击一个按钮即可生成新的赞美。用户可以不断产生新的赞美,直到得到他们喜欢的赞美。

我想添加通过 Twitter 分享任何生成的赞美的选项,但我不确定如何将赞美文本添加到 Twitter 共享者链接。目前,赞美文本仅显示在具有特定 ID 的 div 中。

生成的赞美以“compliment”的 id 输出到 DIV,并按我的要求工作。但是,我不知道如何将赞美文本也输出到 Twitter 共享链接中——特别是如果文本的格式需要与它在 div 中的显示方式不同)。

到目前为止,我已经设置了两个 jsfiddles。

这是我的第一次尝试:

http://jsfiddle.net/LosHantos/g04u3qxa/

这是那个小提琴的JavaScript:

我从原始小提琴中更改了 Twitter 共享链接,然后将这个新变量添加到 JS:

该更改的小提琴在这里http://jsfiddle.net/LosHantos/catx520n/ (我的第二次尝试)

但是,我看到的问题是:

  • 它显示字符串[object object]而不是赞美
  • 如果您单击generate a new compliment,则会替换为赞美,[object object]但 Twitter 共享者仍会使用[object object]
0 投票
2 回答
1023 浏览

tweets - 使图像元标记动态化,推特卡不显示图像

我需要在推特上发布带有图像的文本。

如果我放一张静态图片,它就可以工作。如果我使图像动态化,则图像不会发推文,也不会出现在卡片验证器中。

这是网址:

https://www.advito.com/wp-content/plugins/aitdgcalculator/share.php?imageURL=5d5aad0810b27.png?544

推文是这样来的:

https://twitter.com/9032579978/status/1163701787192250368

如何让图片出现在推文中?我需要使图像动态化,这可以通过元标记实现吗?或者我有什么选择?

0 投票
0 回答
688 浏览

twitter - "home?status=" Twitter 分享 URL 不再起作用了?

我们刚刚发现/home?status=共享 URL 的版本不再起作用了,我很确定它在前一段时间就起作用了。这是什么时候的事儿?我找不到任何关于此的更改日志或出版物。

旧的,不再工作了: https ://twitter.com/home?status=Foo+bar

新(?)版本: https ://twitter.com/intent/tweet?text=foo+bar

0 投票
0 回答
716 浏览

twitter - Twitter 和 Whatsapp 共享不显示图像和描述

我正在研究实际共享网页的 twitter 和 whatsapp 共享按钮。两者的共享工作正常,但描述和图像未显示。我通过 twitter 卡验证器验证了我的 twitter 卡,它显示完美,但在分享时不显示描述和图像以及 whatsapp 共享,但 facebook 共享显示描述和图像。提前致谢。

这是我的元标记:

这是我的分享按钮:

0 投票
1 回答
28 浏览

twitter - Twitter 分享按钮在 Safari 上打开两个标签

我正在使用以下 URL 在 Twitter 上共享该页面:

https://twitter.com/intent/tweet?text=POST_TITLE&POST_URL&via=akhbar

它适用于所有浏览器和移动设备,除了 Safari,它会打开:

  • 一个带有前一个 URL 的选项卡,但在 URL 的末尾添加了以下参数:&original_referer=POST_URL
  • 带有原始分享按钮 URL 的新窗口(显示 Tweet 编辑器)。

为什么在 Safari 上会发生这种情况?以及如何避免这种情况?

0 投票
1 回答
52 浏览

video - Twitter 分享:如何在视频中显示链接 [内有示例]

如何在 Twitter 上共享的视频上显示浮动链接。像下面这样一个:

https://twitter.com/TheNationalNews/status/1319169113110040578

当用户将光标悬停在视频上时,它就会出现。检查此屏幕截图:

来自@TheNationalNews 的推文

它看起来像一个可访问性功能。这是我在检查元素时得到的:

0 投票
0 回答
266 浏览

flutter - 基本社交媒体集成,Flutter Web

我正在尝试为我的颤振应用程序实现社交媒体集成,部署到移动设备和网络。使用share 包的移动实现工作得很好,但由于 web 有点新,我决定只使用基本的 html 和 js api 来处理喜欢分享按钮之类的东西,就像你在这里找到的facebooktwitter,和linkedin

当从 html 作为 src 静态馈送时,按钮可以正常工作。如果我有某种服务器端模板可供我使用,例如 thymeleaf 或 Django 模板,我可能会走这条路线来创建参数化的 HtmlElementView 小部件(例如,使用可共享 URL 的模板文字),但我仅限于 dart:html包裹。

这在理论上很好,但在实践中,无论出于何种原因,我都无法及时加载必要的社交媒体 js api,如下所示,以便 DOM 识别它们并正确呈现,无论我是在 dart 代码中准备它们还是将它们粘贴在标题中或index.html 文件的主体。

要在 dart 中准备有效载荷,我会这样做:

然后推送到一个视图,如下所示:

并构建为小部件,如下所示:

有谁知道如何克服这个问题?也许一些预加载机制?

对于上下文,我使用 Flutter 版本1.23.0-18.1.pre来实现兼容性,我很乐意在可能有帮助的地方分享代码。

非常感谢您的宝贵时间。

0 投票
0 回答
26 浏览

twitter-share - Twitter分享按钮未显示

图片我正试图在我的网站上放置一个 twitter 分享按钮。问题是已经有一个,但没有显示。我检查了 html 代码并注意到 twitter 生成了一个 iframe 标记和一个带有 body 和所有这些东西的新 html,以及一个 div 里面带有链接的标记仍然存在,但 iframe 的宽度和那个 div 是 0。我试图改变id 为“btn-o”的 div 的宽度 javascript 和 css 但不起作用,宽度仍为 0。iframe 使用 css 代码更改宽度,但不是按钮。任何想法?