问题标签 [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.
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]
tweets - 使图像元标记动态化,推特卡不显示图像
我需要在推特上发布带有图像的文本。
如果我放一张静态图片,它就可以工作。如果我使图像动态化,则图像不会发推文,也不会出现在卡片验证器中。
这是网址:
https://www.advito.com/wp-content/plugins/aitdgcalculator/share.php?imageURL=5d5aad0810b27.png?544
推文是这样来的:
https://twitter.com/9032579978/status/1163701787192250368
如何让图片出现在推文中?我需要使图像动态化,这可以通过元标记实现吗?或者我有什么选择?
twitter - "home?status=" Twitter 分享 URL 不再起作用了?
我们刚刚发现/home?status=
共享 URL 的版本不再起作用了,我很确定它在前一段时间就起作用了。这是什么时候的事儿?我找不到任何关于此的更改日志或出版物。
旧的,不再工作了: https ://twitter.com/home?status=Foo+bar
twitter - Twitter 和 Whatsapp 共享不显示图像和描述
我正在研究实际共享网页的 twitter 和 whatsapp 共享按钮。两者的共享工作正常,但描述和图像未显示。我通过 twitter 卡验证器验证了我的 twitter 卡,它显示完美,但在分享时不显示描述和图像以及 whatsapp 共享,但 facebook 共享显示描述和图像。提前致谢。
这是我的元标记:
这是我的分享按钮:
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 上会发生这种情况?以及如何避免这种情况?
video - Twitter 分享:如何在视频中显示链接 [内有示例]
如何在 Twitter 上共享的视频上显示浮动链接。像下面这样一个:
https://twitter.com/TheNationalNews/status/1319169113110040578
当用户将光标悬停在视频上时,它就会出现。检查此屏幕截图:
它看起来像一个可访问性功能。这是我在检查元素时得到的:
flutter - 基本社交媒体集成,Flutter Web
我正在尝试为我的颤振应用程序实现社交媒体集成,部署到移动设备和网络。使用share 包的移动实现工作得很好,但由于 web 有点新,我决定只使用基本的 html 和 js api 来处理喜欢和分享按钮之类的东西,就像你在这里找到的facebook,twitter,和linkedin。
当从 html 作为 src 静态馈送时,按钮可以正常工作。如果我有某种服务器端模板可供我使用,例如 thymeleaf 或 Django 模板,我可能会走这条路线来创建参数化的 HtmlElementView 小部件(例如,使用可共享 URL 的模板文字),但我仅限于 dart:html包裹。
这在理论上很好,但在实践中,无论出于何种原因,我都无法及时加载必要的社交媒体 js api,如下所示,以便 DOM 识别它们并正确呈现,无论我是在 dart 代码中准备它们还是将它们粘贴在标题中或index.html 文件的主体。
要在 dart 中准备有效载荷,我会这样做:
然后推送到一个视图,如下所示:
并构建为小部件,如下所示:
有谁知道如何克服这个问题?也许一些预加载机制?
对于上下文,我使用 Flutter 版本1.23.0-18.1.pre来实现兼容性,我很乐意在可能有帮助的地方分享代码。
非常感谢您的宝贵时间。
twitter-share - Twitter分享按钮未显示
图片我正试图在我的网站上放置一个 twitter 分享按钮。问题是已经有一个,但没有显示。我检查了 html 代码并注意到 twitter 生成了一个 iframe 标记和一个带有 body 和所有这些东西的新 html,以及一个 div 里面带有链接的标记仍然存在,但 iframe 的宽度和那个 div 是 0。我试图改变id 为“btn-o”的 div 的宽度 javascript 和 css 但不起作用,宽度仍为 0。iframe 使用 css 代码更改宽度,但不是按钮。任何想法?