Twitter - 分享按钮,但有图像

Question

我想在此页面上使用常规共享按钮https://twitter.com/about/resources/buttons#tweet但是要从我的网站添加嵌入的图像,而不仅仅是链接.

我知道关于1.1 api和上传的所有内容,但是制作了一个tw应用程序,然后让我的网站上的访问者允许在他的时间线上写,只是为了从我的网站分享一张图片不太可能是场景,所以我想到替代品.

我注意到只是将已经上传到twitter上的pic链接粘贴到推文上,如果你粘贴的链接https://pbs.twimg.com/media/BPpk_KUCMNBXsPN.jpg不会被嵌入,但是如果你粘贴这样的链接pic.twitter.com/NuDSx1ZKwy就会被嵌入.所以我想如果我制作个人资料和应用程序,它将调用https://upload.twitter.com/1/statuses/update_with_media.json并上传图片,然后在分享按钮中粘贴链接,我将获得带嵌入图片的推文.还是有更好的方法？我用的是php.

Answer 1

查看推特卡片.

诀窍不在按钮中,而在于您共享的页面.Twitter卡从meta标签中提取图像,类似于facebook共享.

例:

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@site_username">
<meta name="twitter:title" content="Top 10 Things Ever">
<meta name="twitter:description" content="Up than 200 characters.">
<meta name="twitter:creator" content="@creator_username">
<meta name="twitter:image" content="http://placekitten.com/250/250">
<meta name="twitter:domain" content="YourDomain.com">

Answer 2

要创建带照片的Twitter共享链接,首先需要从Twitter帐户中发布照片.一旦你发了推文,你需要抓住pic.twitter.com链接并将其放在你的Twitter共享网址中.

注意:您将无法看到pic.twitter.com网址,因此我所做的是使用单独的帐户并点击转推按钮.弹出一个模态,里面有链接.

你的Twitter分享链接看起来像这样:

<a href="https://twitter.com/home?status=This%20photo%20is%20awesome!%20Check%20it%20out:%20pic.twitter.com/9Ee63f7aVp">Share on Twitter</a>

Answer 3

您的想法是对的，为了以这种方式共享图像而不走 Twitter 卡路线，您需要已经在 Twitter 上发布过该图像。正如您所说，获取以下形式的图像链接也很重要pic.twitter.com/NuDSx1ZKwy

对于任何想要实现“tweet this”链接或按钮的人来说，这个分​​步指南值得一看：http://onlinejournalismblog.com/2015/02/11/how-to-make-a-tweetable-image -在你的博客文章/中。