javascript - tamaño - Múltiples etiquetas de imagen: el cuadro de diálogo de compartir o el estado de actualización no se muestran.

tamaño de imagen html (6)

Actualmente estoy trabajando en una nueva función para permitir a los usuarios seleccionar la miniatura que les gustaría usar cuando comparten una página en Facebook. El usuario debe poder usar los widgets de Facebook como el diálogo de envío o los botones de compartir, así como simplemente cortar y pegar la URL en su cuadro de diálogo de estado de actualización en Facebook.

He leído gran parte de la documentación, que parece indicar que simplemente necesito agregar varias etiquetas de imagen og: en la página que se comparte. He hecho esto y ejecuté la página a través del indicador para que la memoria caché se actualice.

Cuando paso la página directamente a share.php, eliminando de manera efectiva cualquiera de los códigos del lado de mi cliente y dejando que el diálogo presente lo que está raspando, veo 3 imágenes de la página disponible.

No estoy seguro de lo que estoy haciendo mal aquí.

Aquí está el resultado de la plantilla , el objeto gráfico , el enlace sharer.php y la página . ¿Alguien tiene ideas de lo que podría estar haciendo incorrectamente?

He confirmado que al menos la etiqueta og: title está siendo respetada por el diálogo de compartir. También probé el tamaño de las imágenes e incluí extensiones de archivo como se sugiere a continuación.

Sé que esto funciona porque buzzfeed tiene la funcionalidad exacta que estoy buscando. He reducido mi ejemplo a solo las piezas principales que creo que deberían funcionar. Puedes encontrar la fuente completa aquí .

¿Podría ser el espacio de nombres XML en la etiqueta HTML superior?

En el artículo de BuzzFeed, es:

xmlns:og="http://opengraphprotocol.org/schema/"

En tu página es:

xmlns:og="http://ogp.me/ns#"

Después de algunas pruebas, supongo que es un problema de almacenamiento en caché .

Parece que el compartidor está almacenando en caché el gráfico, utilizando og:url como clave , de modo que las diferentes cadenas de consulta en el compartidor no pasen por alto la caché, si no afectan el valor de og:url .
Obviamente, la herramienta de depuración no utiliza tal caché.

Si tengo razón (esto es solo una idea), puede esperar a que caduque la entrada de la memoria caché o probar con un og:url diferente. Además, para facilitar la prueba, mantenga el nuevo og:url igual a la nueva ubicación de la página.

En el artículo de Buzzfeed, los atributos de contenido en los enlaces og: image apuntan a archivos .jpg con nombre, frente a los enlaces que no tienen un nombre de archivo / extensión al final.

Puede ser necesario incluir un nombre de archivo en los enlaces, especialmente si se basa la detección de imágenes en la extensión del archivo.

P.EJ:

Buzzfeed:

<meta property="og:image" content="http://s3-ak.buzzfeed.com/static/campaign_images/webdr02/2013/3/18/11/10-lifechanging-ways-to-make-your-day-more-effici-1-2774-1363621197-4_big.jpg" />

Tuyo:

<meta property="og:image" content="http://statics.stage3.cheezdev.com/mediumSquare/3845/4AC356E3/1"/>

La secuencia de comandos Sharer.php en el sitio de Facebook no admite todas las etiquetas OG, que yo sepa. Las imágenes se extraen del contenido de la página, por lo que si desea que sus tres imágenes aparezcan en el script Sharer.php, inclúyalas en su contenido.

Sharer.php ha sido oficialmente desaprobado por Facebook, por lo que no me sorprendería si cierta funcionalidad no funciona con él. Si bien aún funciona, siempre fue la opción más simple y supongo que nunca crearon la imagen de enlace raspando los elementos og en ella.

Pude encontrar este artículo, que muestra una forma en que puedes especificar exactamente qué imágenes están disponibles en la página de compartir sharer.php. Puede especificar una (o varias) imágenes para compartir con una estructura de URL como la siguiente:

http://www.facebook.com/sharer.php?s=100 &p[url]=http://bit.ly/myelection &p[images][0]=http://election.gv.my/assets/vote.png &p[title]=My customized title &p[summary]=My customized summary

Tan graciosa historia, soy un desarrollador en BuzzFeed y me encontré con esto mientras trataba de averiguar por qué nuestros cuadros de diálogo compartidos de repente dejaron de mostrar el selector de miniaturas.

Parece que Facebook deshabilitó la funcionalidad. Tuvo una breve reaparición el 14 de enero de 2014, pero introdujeron un error que impedía compartir desde cualquier página con varias etiquetas de imagen og: image definidas. (Consulte: https://developers.facebook.com/bugs/1393578360896606/ )

Arreglaron el error, pero a partir del 1/22/2014 todavía parece que el selector de miniaturas está deshabilitado.