Les embeds Twitter sont cassés

Bonjour, il y a quelques jours, les嵌dements Twitter sur notre forum Discourse ont cessé de fonctionner, ce qui oblige à cliquer sur chaque tweet sans pouvoir voir un aperçu au préalable.

Ils ressemblent actuellement à ceci :
image

Si quelqu’un connaît le problème et la solution, merci de nous l’indiquer.

Je suppose que cela est lié à ce problème.

L’entreprise mettra fin à la version de son thème d’origine du site le 1er juin 2020

Mon site rencontre le même problème. Et un autre sur lequel je suis également impliqué.

Essai d’un exemple :

Pouvez-vous trouver un exemple de tweet qui échoue à s’intégrer sur try.discourse.org ?

Ceci est ce qui ne s’affichait pas sur mon site :

Je suis sur la dernière version :

Lien vers le message où l’affichage ne fonctionne pas :
https://forums.agent49.net/t/d1-conference-adjustments-sports-being-canceled-thread/409/91?u=agent49

Celui-ci, celui que vous avez lié, présente le même problème sur le site que j’utilise.

Voici un autre exemple d’un lien qui s’intègre correctement ici, mais apparemment pas sur notre forum.

En vérifiant le panneau d’administration, nous ne sommes pas sur la dernière version. Y a-t-il eu des changements entre ces deux versions qui pourraient mener à une correction ?

Toutes les balises Open Graph sont actuellement absentes de Twitter, à l’exception d’une seule :

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

Je crains qu’il n’y ait rien à faire, sauf peut-être d’utiliser une API mystérieuse ou autre chose, spécifiquement pour les Oneboxes de Twitter.

Il semble que Twitter ait effectivement supprimé les balises OpenGraph. Si vous activez les intégrations enrichies sur votre site, nous avons une méthode pour contourner cela.

Confirmé via http://www.opengraphtester.com/test/:

Merci, je demanderai à l’administrateur de tester cela pour nous dès qu’il aura un moment aujourd’hui.

Merci, cela semble avoir fonctionné. Le seul problème est que les vidéos ne s’intègrent pas, mais vous pouvez toujours voir l’auteur du tweet et la description, donc ce n’est pas grave.

Merci, cela a fonctionné pour moi aussi.

Même avec la solution de contournement existante, à mon avis, il est logique d’ajouter quelques règles de onebox personnalisées afin que cela ne semble pas aussi cassé dès le départ.

J’ai essayé d’implémenter ce qui précède, mais je n’obtiens toujours que l’affichage des crochets.

Même chose pour moi. La solution de contournement ne fonctionne pas sur mon forum.

Ah, ça fonctionne maintenant, à quelques liens historiques près. Je suppose que quelque chose a été mis en cache par le forum ; je vais voir si je peux trouver un moyen de les re-mettre en cache.

Moi aussi… La patience est quelque chose que je dois apprendre… :smiley:

J’ai posté à ce sujet dans les forums Twitter, voyons si quelque chose d’utile en ressortira.

Je pense que ce changement visait à réduire le temps de rendu sur leurs serveurs, car les balises sont maintenant remplies uniquement par React lors du rendu côté client. Cela rend leur HTML statique, leur permettant d’adopter Architecture  |  web.dev, ce qui permet aux applications web de se rendre beaucoup plus rapidement.

Hé, nous avons une solution de contournement !

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

# agent utilisateur spécial
➜  ~ 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="“Pour suivre ce qui se passe en temps réel, appuyez sur ✨ situé en haut à droite de votre fil d'actualité Accueil pour passer des Tweets les plus populaires aux Tweets les plus récents en premier.”">
    <meta  property="og:site_name" content="Twitter">

Est-ce quelque chose que nous pouvons utiliser @techAPJ ?

Absolument, ça aide beaucoup ! :heart_eyes:

Je mettrai à jour le moteur Twitter onebox dès demain matin. :memo: