Hola, hace unos días en nuestro foro de Discourse, las incrustaciones de Twitter se han roto, lo que ha provocado problemas como tener que hacer clic en cada tweet y no poder ver un resumen primero.
Actualmente se ven así
¿Alguien sabe cuál es el problema y cuál es la solución?
Este, el que enlazaste, tiene el mismo problema en el sitio que uso.
Aquí hay otro ejemplo de uno que se incrusta correctamente aquí, pero parece que no en nuestro foro.
Al revisar el panel de administración, vemos que no estamos en la última versión. ¿Hubo algún cambio entre estas dos versiones que podría solucionar el problema?
Gracias, parece que ha funcionado. El único problema es que los videos no se están incrustando, pero aún puedes ver al autor del tweet y la descripción, así que está bien.
Incluso con el workaround existente, en mi opinión tiene sentido agregar algunas reglas personalizadas de onebox para que no se vea tan roto desde el principio.
¡Ah, ya funciona, excepto por algunos enlaces antiguos! Supongo que el foro tiene algo en caché; veré si puedo encontrar una forma de volver a almacenarlos en caché.
Publiqué sobre este cambio en los foros de Twitter; veamos si surge algo útil.
Creo que este cambio se hizo para ahorrar tiempo de renderizado en sus servidores, ya que ahora las etiquetas se llenan únicamente con React durante el renderizado en el cliente. Esto hace que su HTML sea estático, permitiéndoles adoptar Architecture | web.dev, lo que hace que las aplicaciones web se rendericen mucho más rápido.
# llamada estándar
➜ ~ curl https://twitter.com/TwitterSupport/status/1267105441278033920 -s | grep og:
<meta property="og:site_name" content="Twitter" />
# agente de usuario especial
➜ ~ curl https://twitter.com/TwitterSupport/status/1267105441278033920 -s -H "User-Agent: DiscourseBot/1.0" | grep og:
<meta property="og:type" content="article">
<meta property="og:url" content="https://twitter.com/TwitterSupport/status/1267105441278033920">
<meta property="og:title" content="Twitter Support on Twitter">
<meta property="og:image" content="https://pbs.twimg.com/profile_images/1266884366279471105/OTps6MBS_400x400.jpg">
<meta property="og:description" content="Para seguir lo que está sucediendo en tiempo real, toca la ✨ ubicada en la parte superior derecha de tu línea de tiempo de Inicio para cambiar de ver los Tweets destacados a los Tweets más recientes primero."
<meta property="og:site_name" content="Twitter">