example - Twitter-botón compartir, pero con imagen
twitter share url with image (3)
Mire en las tarjetas de Twitter .
El truco no está en el botón sino en la página que estás compartiendo. Las tarjetas de Twitter extraen la imagen de las metaetiquetas de forma similar al uso compartido de facebook .
Ejemplo:
<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">
Deseo utilizar el botón de compartir habitual como en esta página https://twitter.com/about/resources/buttons#tweet pero para agregar una imagen incrustada de mi sitio, no solo el enlace.
Sé todo sobre 1.1 api y la carga, pero hacer una aplicación tw y luego pedir al visitante en mi sitio que me dé permiso para escribir en su línea de tiempo solo para compartir una imagen de mi sitio no es probable, así que pienso en alternativas.
Me he dado cuenta cuando simplemente pegue enlaces de imágenes que ya están cargados en Twitter en tweet, si pega un enlace como https://pbs.twimg.com/media/BPpk_KUCMNBXsPN.jpg que no va a ser embebido, pero si pegar el enlace como este pic.twitter.com/NuDSx1ZKwy será incrustado. Así que creo que si hago un perfil y una aplicación que llamen a https://upload.twitter.com/1/statuses/update_with_media.json y carguen la imagen, y luego peguen el enlace en el botón para compartir, obtendré un tweet con la foto incrustada. O hay una mejor manera? Yo uso php.
Para crear un enlace de compartir de Twitter con una foto, primero necesita twittear la foto de su cuenta de Twitter. Una vez que lo haya twitteado, debe tomar el enlace de pic.twitter.com y colocarlo dentro de la url de compartir de twitter.
Nota: No podrá ver la URL de pic.twitter.com, entonces lo que hago es usar una cuenta separada y presionar el botón de retweet. Un modal aparecerá con el enlace adentro.
Tu enlace de Twitter compartido se verá más o menos así:
<a href="https://twitter.com/home?status=This%20photo%20is%20awesome!%20Check%20it%20out:%20pic.twitter.com/9Ee63f7aVp">Share on Twitter</a>
Tiene razón al pensar que, para compartir una imagen de esta manera sin tener que bajar por la ruta de las tarjetas de Twitter, debe haber tuiteado ya la imagen. Como dices, también es importante que tomes el enlace de imagen del formulario pic.twitter.com/NuDSx1ZKwy
Esta guía paso a paso vale la pena consultar para cualquiera que desee implementar un enlace o botón "twittear esto": http://onlinejournalismblog.com/2015/02/11/how-to-make-a-tweetable-image-in-your-blog-post/ .