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 :
Si quelqu’un connaît le problème et la solution, merci de nous l’indiquer.
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 ?
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.
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.
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.
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.
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.
# 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 ?