Twitter - share button but with image

Question

I want to use regular share button like on this page https   twitter com about resources buttons tweet but to add an embedded image from my site  not just link    I know all about 1 1 api and uploading  but making an tw application and then ask visitor on my site to give permission to write on his timeline just to share one pic from my site is not likely scenario  so I think about alternatives    I ve noticed when just paste links of pic that are already uploaded on twitter into tweet  if you paste link like https   pbs twimg com media BPpk KUCMNBXsPN jpg that is not going to be embeded  but if you paste link like this pic twitter com NuDSx1ZKwy it will be embeded  So I think if I make profile and app that will call https   upload twitter com 1 statuses update with media json and upload pic  and then paste link in share button I will get tweet with pic embeded  Or there is better way  I use php

User · Answer

Look into twitter cards    The trick is not in the button but rather the page you are sharing   Twitter Cards pull the image from the meta tags similar to facebook sharing   Example    lt meta name  twitter card  content  summary large image  gt   lt meta name  twitter site  content   site username  gt   lt meta name  twitter title  content  Top 10 Things Ever  gt   lt meta name  twitter description  content  Up than 200 characters   gt   lt meta name  twitter creator  content   creator username  gt   lt meta name  twitter image  content  http   placekitten com 250 250  gt   lt meta name  twitter domain  content  YourDomain com  gt

User · Answer

You re right in thinking that  in order to share an image in this way without going down the Twitter Cards route  you need to to have tweeted the image already  As you say  it s also important that you grab the image link that s of the form pic twitter com NuDSx1ZKwy  This step-by-step guide is worth checking out for anyone looking to implement a  tweet this  link or button  http   onlinejournalismblog com 2015 02 11 how-to-make-a-tweetable-image-in-your-blog-post

User · Answer

I used this code to solve this problem   lt a href  quot https   twitter com intent tweet url myUrl amp text myTitle quot  target  quot  blank quot  gt  lt img src  quot path to my image quot   gt  lt  a gt   You can check the tweet-button documentation here tweet-button

User · Answer

To create a Twitter share link with a photo  you first need to tweet out the photo from your Twitter account  Once you ve tweeted it out  you need to grab the pic twitter com link and place that inside your twitter share url  note  You won t be able to see the pic twitter com url so what I do is use a separate account and hit the retweet button  A modal will pop up with the link inside  You Twitter share link will look something like this   lt a href  quot https   twitter com home status This 20photo 20is 20awesome  20Check 20it 20out  20pic twitter com 9Ee63f7aVp quot  gt Share on Twitter lt  a gt

[twitter] Twitter - share button, but with image

Examples related to twitter