javascript - subir - Compartir imagen en Twitter sin tarjeta

imagen con link en twitter

Question

Dada una imagen en cierta dirección, http://www.thissite.will/never/be-finished.png , ¿cuál es la forma más fácil de compartirla en Twitter, preferiblemente sin una tarjeta?

Los usuarios personalizan un SVG y, cuando están satisfechos, lo convierto en PNG y lo guardo en mi servidor.

Quiero darles la opción de compartir la imagen en Twitter. Hacen clic en un botón (que puedo implementar) y se abre un cuadro de diálogo, donde pueden agregarse al tweet (que ya debería contener la imagen).

Sé que se han hecho preguntas similares en este sitio antes, pero no quiero usar una "tarjeta" para compartir la imagen. En cambio, quiero un Tweet típico, sin tarjeta, solo con una imagen (como esta ).

He revisado la documentación del desarrollador de Twitter en varias ocasiones, pero no puedo encontrar información útil. El estado POST / update_with_media está en desuso y el enlace a "Uploading Media Guide", un reemplazo sugerido, está roto. Esta guía , supongo, es a lo que pretendía vincularse, pero no tiene un código JavaScript que sugiera cómo debería implementarse .

Por favor ayuda.

Mi intento, basado en los 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);
});

Esto falla El texto de responseText es {"errors":[{"code":215,"message":"Bad Authentication data."}]} .

Básicamente, quiero hacer algo similar a lo que hace StackOverflow. Cuando hace clic en "compartir" en una pregunta, luego selecciona Twitter, aparece una nueva ventana poblada con un enlace a la pregunta y donde los usuarios pueden escribir su propio mensaje. ( Twitter proporciona la interfaz ) .

En mi caso, sin embargo, cuando se envía el tweet, en lugar de que haya un enlace a la página y algo de texto extraído de él, me gustaría tener solo una imagen.

Answer 1

Twitter no tiene forma oficial de compartir imágenes. Tienes que usar la tarjeta de Twitter . Esta es mi única página web con buena imagen . Pruebe esa URL en el validador de tarjetas de Twitter , obtendrá una buena imagen. Es como su ejemplo con el enlace de estado de Twitter de Bloomberg. Ahora puede hacer clic en este enlace para twittear cuál es mi página web (por supuesto, puede eliminar ese tweet, es un ejemplo para probar). Obtendrás una imagen grande con la opción de personalizar el texto. Esos son algunos de los que querías.

Por encima de Twitter comparte los parámetros del hipervínculo

El hipervínculo que te di es como:

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 es parte constante. ?text= es el texto que quieres. &url= es la URL que compartirás. &via= es una cuenta asociada opcional para mencionar. &original_referer= es igual que &url= en la mayoría de los casos, &hashtags son los rehenes que desee. &hashtags no funciona.

Pero lo quieres para una imagen, no para una página web . Eso es complicado.

Que necesitas

Lo que quiere necesita un software web con PHP-MySQL como par. La aplicación escribirá un URL exclusivo para el usuario de tiempo extra. Terminará el trabajo con marcado HTML para la tarjeta de Twitter para la página web generada por el usuario con la imagen. La tarjeta de Twitter es una cuestión de cómo la página web tiene marcas, imágenes, la configuración del webmaster de dominio, etc. Puede establecer esa imagen preferida a través del marcado HTML de la página web utilizando el lenguaje PHP.

Ejemplo de aplicación de prototipo

Como ejemplo de tal pensamiento para desarrollar con WordPress, cuando no publiqué el artículo, tenía la imagen, pero la URL para la vista previa era privada. Es posible en WordPress hacer público un artículo inédito. Eso es posible probar con 4 plugins de WordPress como ejemplo básico:

1. https://wordpress.org/plugins/public-post-preview/ (para publicar sin publicar, obtenga una vista previa pública)
2. https://wordpress.org/plugins/developer-share-buttons/ (para generar el enlace de twitter share)
3. https://wordpress.org/plugins/twitter-cards-meta/ (para generar metaetiquetas de Twitter)
4. https://wordpress.org/plugins/live-composer-page-builder/ (para dar paso al usuario registrado para editar en la interfaz de WordPress)

Por supuesto, hay una API de WordPress más nueva para hacerlo desde otro servidor.