Los embeds de Twitter han fallado

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í
image

¿Alguien sabe cuál es el problema y cuál es la solución?

5 Me gusta

Mi suposición es que esto tiene que ver con este problema.

La empresa cerrará la versión original de su tema heredado del sitio el 1 de junio de 2020

2 Me gusta

Mi sitio también está experimentando esto, al igual que otro en el que participo.

1 me gusta

Probando uno:

¿Puedes encontrar un ejemplo de un tweet que no se incrusta en try.discourse.org?

4 Me gusta

Esto es lo que no se mostraría en mi sitio:

Estoy en la última versión:

Enlace al post donde no se está mostrando:
https://forums.agent49.net/t/d1-conference-adjustments-sports-being-canceled-thread/409/91?u=agent49

2 Me gusta

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?

2 Me gusta

Actualmente, todas las etiquetas Open Graph de Twitter están ausentes, excepto una:

<meta property="og:site_name" content="Twitter" />

Me temo que no hay nada que se pueda hacer, salvo quizás utilizar alguna API misteriosa o algo similar, específicamente para los Oneboxes de Twitter.

6 Me gusta

Parece que Twitter de hecho eliminó las etiquetas OpenGraph. Si activas los embeds enriquecidos en tu sitio, tenemos una forma de eludir eso.

10 Me gusta

Confirmado a través de http://www.opengraphtester.com/test/:

3 Me gusta

Gracias, le pediré al administrador que lo pruebe por nosotros cuando tenga un momento hoy.

1 me gusta

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.

1 me gusta

Gracias, eso también funcionó para mí.

2 Me gusta

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.

3 Me gusta

He intentado implementar lo anterior, pero solo se muestran los corchetes.

2 Me gusta

Igual para mí. La solución alternativa no funciona en mi foro.

2 Me gusta

¡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é.

2 Me gusta

A mí también… La paciencia es algo que tengo que aprender… :smiley:

2 Me gusta

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.

5 Me gusta

¡Hola! Tenemos una solución temporal.

# 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">

¿Podemos usar esto, @techAPJ?

6 Me gusta

¡Definitivamente, eso ayuda mucho! :heart_eyes:

Actualizaré el motor onebox de Twitter lo primero que haga mañana. :memo:

8 Me gusta