Twitter - 分享按钮,但有图像

时间:2013-07-24 04:26:46

标签: twitter

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

我知道关于1.1 api和上传的所有内容,但是制作了一个tw应用程序,然后在我的网站上请求访问者允许在他的时间线上写下只是为了从我的网站分享一张图片不太可能情景,所以我考虑替代方案。

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

4 个答案:

答案 0 :(得分:61)

查看twitter cards

技巧不在按钮中,而在于您共享的页面。 Twitter卡从元标记中提取图像,类似于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">

答案 1 :(得分:13)

要创建带照片的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>

答案 2 :(得分:2)

您认为,为了以这种方式分享图像,而不是沿着Twitter卡路线,您需要已经发布了推文。正如您所说,抓取pic.twitter.com/NuDSx1ZKwy

形式的图像链接也很重要

这个循序渐进的指南非常适合那些希望实施“推文”的人。链接或按钮:http://onlinejournalismblog.com/2015/02/11/how-to-make-a-tweetable-image-in-your-blog-post/

答案 3 :(得分:0)

我用这段代码解决了这个问题。

<a href="https://twitter.com/intent/tweet?url=myUrl&text=myTitle" target="_blank"><img src="path_to_my_image"/> </a>

您可以在tweet-button上查看鸣叫按钮文档