Funciones y diseño de integración de Instagram

Hola!

Tengo algunas preguntas y sugerencias sobre la incrustación de publicaciones de Instagram.

Aquí hay una publicación donde puse tres enlaces: 1 video, 1 foto y 1 galería:

Incrustación de video

  1. La vista previa de la imagen está estirada. ¿Es posible evitar esto?

    Vista previa en la publicación del foro:

    Publicación real de Instagram:

  2. Hay un espacio en blanco alto en la parte inferior de la incrustación. La altura del iframe parece incorrecta. ¿Hay alguna forma de solucionarlo?


Incrustación de galería

La incrustación de la galería no utiliza todo el ancho disponible, pero sí lo hace para una publicación de imagen única. ¿Se puede solucionar esto también?


De manera más general, ¿qué puede personalizar Discourse en estas incrustaciones? ¿Se puede personalizar, o todo el estilo del contenido es generado y proporcionado por la propia Instagram?

Además, recuerdo una época en la que las publicaciones de Instagram tenían “oneboxes” donde las imágenes se subían localmente, como las cargas normales, lo que evitaba que el contenido del “onebox” desapareciera si se eliminaba la publicación relacionada de Instagram. ¿Supongo que este ya no es el caso?

Hoy me enfrenté a la tarea (francamente engorrosa) de registrar una aplicación de Meta que permitirá oEmbeds. No sé por qué hicieron el proceso tan difícil, especialmente la parte en la que quieren verificar que tu aplicación funciona para aprobar los permisos, pero la funcionalidad de la aplicación depende de que el permiso exista (¿¡!??). Espero tener noticias pronto.

No puedo responder a ninguna de las preguntas aquí yo mismo, publico principalmente para seguir este tema. Leí en algún lugar de este foro de Meta que la versión no-onebox de los embeds de Instagram no funciona bien con el scroll infinito, especialmente debido a la altura variable. ¿Es eso lo que está sucediendo aquí? También mencionaré que una búsqueda rápida de “instagram” en el repositorio de GitHub de Discourse hace un buen trabajo al encontrar las partes relevantes del código.

Me gustaría enfatizar esto.

También me pregunto si es posible incrustar enlaces públicos de Facebook. No encontré una manera de hacerlo. Tampoco funciona en Discord, por cierto. Lo único que hace es mostrar una invitación para iniciar sesión escrita en un idioma no siempre bien elegido, ya que se basa en el servidor en el que está alojado Discourse, y a pesar de que varios usuarios han preguntado sobre esto, no recuerdo haber visto ninguna solución o solución alternativa.

¿Alguien conoce el estado de Discourse/meta con respecto a las incrustaciones de Instagram/Facebook?


Aquí hay un ejemplo de una publicación de 2021 de mi foro, con publicaciones de Facebook e Instagram correctamente incrustadas con extractos e imágenes remotas descargadas: Desert MUNI Race Ridgercrest, Ca - #23 by jmadrigal - General - Unicyclist.com

Entonces era perfecto, pero ahora, la función está rota (Facebook) y medio rota (Instagram). :pensive:

He descubierto que Discourse ya no podía recuperar la imagen de Instagram, de ahí el método iframe que se implementó hace 2 años:


Algunos problemas de diseño que menciono en este tema se han solucionado desde entonces, pero ahora las incrustaciones de Instagram parecen casi cuadradas, lo que recorta el contenido:

Enlaces originales de IG:

https://www.instagram.com/p/Cl0v1o5S-S0/

https://www.instagram.com/p/ClyKnj8yW4B/

1 me gusta