javascript - 分享按钮代码 - 分享至facebook



无卡分享图片到Twitter (1)

给定一个地址的图片, http://www.thissite.will/never/be-finished.png ,最简单的方式分享到Twitter,最好没有卡?

用户自定义SVG,当他们满意时,我将其转换为PNG并将其存储在我的服务器上。

我想给他们在Twitter上分享图片的选项。 他们点击一个按钮(我可以实现),并打开一个对话框,在那里他们可以添加到鸣叫(应该已经包含图片)。

我知道这个网站之前也有类似的问题,但我不想用“卡片”分享图片。 相反,我想要一个典型的,非卡Tweet,只是一个图像(像这样 )。

我已经通过Twitter开发人员文档反复查看,但我找不到有用的信息。 POST状态/ update_with_media方法已弃用,并且指向“上传媒体指南”的链接已被打破。 我假设这个指南是它打算链接到的, 但没有JavaScript代码来暗示如何实际执行

请帮忙。

我的尝试,基于POST media/upload

$.ajax({
    url: "https://upload.twitter.com/1.1/media/upload.json", 
    format: "post", 
    data: {"data" : link}
}).success(function(response) {
    console.log(":)");
    console.log(response);
}).fail(function(response) {
    console.log(":(");
    console.log(response.responseText);
});

这失败了。 responseText{"errors":[{"code":215,"message":"Bad Authentication data."}]}

基本上,我想做一些类似于StackOverflow的东西。 当你点击一个问题上的“分享”,然后选择推特,弹出一个新的窗口填充问题的链接,用户可以写他们自己的消息。 ( Twitter提供界面

然而,在我的情况下,当tweet被发送,而不是链接回到页面,并从中拉出一些文本,我想只有一个图像。


Twitter没有正式的图片分享方式。 你必须使用Twitter卡 。 这是我的一个网页与良好的形象 。 在Twitter验证器上测试这个URL,你会得到相当的形象。 这就像你彭博的Twitter状态链接的例子。 现在你可以点击这个链接来推特我的网页 (当然你可以删除那个推文,这是测试的例子)。 你会得到大的图像与选项来自定义文本。 那些是你想要的。

在Twitter上面分享超链接的参数

我给你的超链接是这样的:

https://twitter.com/intent/tweet?text=Cheapest%20CDNs%20With%20HTTPS%2C%20IPv6%2C%20HTTP%2F2%2C%20Brotli&url=https%3A%2F%2Fthecustomizewindows.com%2F2017%2F06%2Fcheapest-cdns-https-ipv6-http2-brotli%2F&hastag=AbhishekGhosh&via=AbhishekCTRL&original_referer=https%3A%2F%2Fthecustomizewindows.com%2F2017%2F06%2Fcheapest-cdns-https-ipv6-http2-brotli%2F

https://twitter.com/intent/tweet是不变的一部分。 ?text=是你想要的文字。 &url=是您要分享的网址。 &via=是可选的关联帐户。 在大多数情况下, &original_referer=&url=相同, &hashtags是您想要的人质。 &hashtags不起作用。

但是你想要一个图像而不是网页 。 这是棘手的。

你需要什么

你想要什么需要PHP-MySQL的网络软件,如对。 应用程序将编写一个唯一的URL超时用户完成与Twitter标记的HTML标记的工作为用户生成的图像的网页。 Twitter的卡片是网页如何具有标记,图像,什么域名的网站管理员设置等问题。您可以通过网页的HTML标记使用PHP的语言设置首选图像。

原型应用示例

作为用WordPress开发这样的想法的例子,当我没有发表文章的时候,我有了图像,但是预览的URL是私有的。 WordPress有可能制作未发表的文章。 这是可能的测试与4个WordPress插件作为基本的例子:

  1. https://wordpress.org/plugins/public-post-preview/ (使未发表的帖子有公开预览)
  2. https://wordpress.org/plugins/developer-share-buttons/ (生成twitter分享链接)
  3. https://wordpress.org/plugins/twitter-cards-meta/ (生成推特元标签)
  4. https://wordpress.org/plugins/live-composer-page-builder/ (给予注册用户在WordPress前端编辑的方法)

当然还有更新的WordPress API可以在其他服务器上使用。





sharing