Gli embed di Twitter non funzionano

Ciao, alcuni giorni fa sul nostro forum Discourse gli embed di Twitter si sono interrotti, causando problemi come la necessità di cliccare su ogni tweet senza poter vedere prima un riassunto.

Attualmente appaiono così
image

Qualcuno sa qual è il problema e qual è la soluzione?

Il mio parere è che questo abbia a che fare con questo problema.

L’azienda sta disattivando la versione originale del tema legacy del sito il 1° giugno 2020

Anche il mio sito sta riscontrando questo problema, così come un altro di cui faccio parte.

Proviamo una:

Riesci a trovare un esempio di tweet che non si incorpora correttamente su try.discourse.org?

Questo è ciò che non viene visualizzato sul mio sito:

Sto utilizzando l’ultima versione:

Link al post in cui non viene visualizzato:
https://forums.agent49.net/t/d1-conference-adjustments-sports-being-canceled-thread/409/91?u=agent49

Quello, quello che hai linkato, presenta lo stesso problema sul sito che uso.

Ecco un altro esempio di un tweet che viene incorporato correttamente qui, ma sembra che non lo sia sulla nostra bacheca.

Controllando il pannello di amministrazione, non siamo sull’ultima versione. Ci sono state modifiche tra queste due versioni che potrebbero portare a una correzione?

Attualmente, tutti i tag Open Graph mancano su Twitter, tranne uno:

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

Temo che non ci sia nulla che si possa fare, a meno di non utilizzare qualche API misteriosa o qualcosa di simile, specificamente per le Onebox di Twitter.

Sembra che Twitter abbia effettivamente rimosso i tag OpenGraph. Se attivi gli embed ricchi sul tuo sito, abbiamo un modo per aggirare il problema.

Confermato tramite http://www.opengraphtester.com/test/:

Grazie, chiederò all’amministratore di testarlo per noi quando avrà un po’ di tempo oggi.

Grazie, sembra che abbia funzionato. L’unico problema è che i video non vengono incorporati, ma puoi comunque vedere l’autore e la descrizione del tweet, quindi va bene.

Grazie, ha funzionato anche per me.

Anche con l’attuale soluzione alternativa, a mio parere ha senso aggiungere alcune regole onebox personalizzate in modo che non appaia così rotto immediatamente dopo l’installazione.

Ho provato a implementare quanto sopra, ma continuo a vedere solo le parentesi.

Anche per me. La soluzione alternativa non funziona per il mio forum.

Ah, ora funziona, tranne per alcuni link storici. Immagino che qualcosa sia stato memorizzato nella cache del forum; vedrò se riesco a trovare un modo per aggiornare la cache.

Anch’io… La pazienza è qualcosa che devo imparare… :smiley:

Ho parlato di questa modifica nei forum di Twitter, vediamo se emerge qualcosa di utile

Credo che questo cambiamento sia stato fatto per risparmiare tempo di rendering sui loro server, poiché i tag vengono ora compilati solo da React durante il rendering lato client. Questo rende il loro HTML statico, consentendo loro di adottare Architecture  |  web.dev, che fa sì che le web app vengano renderizzate molto più velocemente.

Ehi, abbiamo una soluzione alternativa!

# chiamata standard
➜  ~ curl https://twitter.com/TwitterSupport/status/1267105441278033920 -s | grep og:
<meta property="og:site_name" content="Twitter" />

# user agent speciale
➜  ~ 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="“Per seguire ciò che accade in tempo reale, tocca la ✨ in alto a destra nella tua Home per passare dalla visualizzazione dei Tweet principali a quella dei Tweet più recenti.”">
    <meta  property="og:site_name" content="Twitter">

Possiamo usare questo metodo @techAPJ?

Di certo, aiuta molto! :heart_eyes:

Aggiornerò il motore onebox di Twitter appena domani. :memo: