Twitter-Einbettungen sind defekt

Hallo, vor ein paar Tagen sind auf unserem Discourse-Forum Twitter-Einbettungen kaputtgegangen, was dazu führt, dass man jeden Tweet anklicken muss, um ihn zu sehen, und keine Vorschau angezeigt wird.

Derzeit sehen sie so aus:
image

Weiß jemand, was das Problem ist und wie man es beheben kann?

5 „Gefällt mir“

Meine Vermutung ist, dass dies mit diesem Problem zusammenhängt.

Das Unternehmen stellt am 1. Juni 2020 die ursprüngliche Legacy-Theme-Version seiner Website ein.

2 „Gefällt mir“

Meine Website hat dasselbe Problem. Auch eine weitere, bei der ich mitmache.

1 „Gefällt mir“

Ich probiere es einmal aus:

Kannst du ein Beispiel für einen Tweet finden, der sich auf try.discourse.org nicht einbetten lässt?

4 „Gefällt mir“

Das hier würde auf meiner Seite nicht gerendert:

Ich bin auf der neuesten Version:

Link zum Beitrag, in dem es nicht gerendert wird:
https://forums.agent49.net/t/d1-conference-adjustments-sports-being-canceled-thread/409/91?u=agent49

2 „Gefällt mir“

Dieser hier, der von dir verlinkte, hat dasselbe Problem auf der Seite, die ich nutze.

Hier ist ein weiteres Beispiel für einen, der hier problemlos eingebettet wird, aber anscheinend nicht auf unserem Board.

Beim Prüfen des Admin-Bereichs habe ich festgestellt, dass wir nicht auf der neuesten Version sind. Gab es zwischen diesen beiden Versionen Änderungen, die zu einer Behebung führen würden?

2 „Gefällt mir“

Alle Open-Graph-Tags fehlen derzeit auf Twitter, außer einem:

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

Ich befürchte, dass nichts unternommen werden kann, außer vielleicht die Verwendung einer mysteriösen API oder ähnlichem, speziell für Twitter Oneboxes.

6 „Gefällt mir“

Es sieht so aus, als hätte Twitter die OpenGraph-Tags tatsächlich entfernt. Wenn Sie auf Ihrer Website Rich Embeds aktivieren, haben wir eine Möglichkeit, das zu umgehen.

10 „Gefällt mir“

Bestätigt über http://www.opengraphtester.com/test/:

3 „Gefällt mir“

Danke, ich werde den Admin bitten, das heute, wenn er etwas Zeit hat, für uns zu testen.

1 „Gefällt mir“

Vielen Dank, es scheint funktioniert zu haben. Das einzige Problem ist, dass Videos nicht eingebettet werden, aber man kann immer noch den Autor und die Beschreibung des Tweets sehen, also ist das in Ordnung.

1 „Gefällt mir“

Vielen Dank, das hat bei mir auch funktioniert.

2 „Gefällt mir“

Selbst mit dem bestehenden Workaround ist es meiner Meinung nach sinnvoll, einige benutzerdefinierte Onebox-Regeln hinzuzufügen, damit es nicht so kaputt aussieht, wenn man es direkt verwendet.

3 „Gefällt mir“

Ich habe versucht, das oben Genannte umzusetzen, bekomme aber nach wie vor nur die Klammern angezeigt.

2 „Gefällt mir“

Bei mir auch. Der Workaround funktioniert für mein Forum nicht.

2 „Gefällt mir“

Ah, es funktioniert jetzt, außer bei ein paar historischen Links. Ich vermute, dass das Forum etwas zwischengespeichert hat. Ich schaue mal, ob ich einen Weg finde, sie neu zu cachen.

2 „Gefällt mir“

Mir geht es genauso … Geduld ist etwas, das ich noch lernen muss … :smiley:

2 „Gefällt mir“

Ich habe über diese Änderung in den Twitter-Foren gepostet, mal sehen, ob etwas Nützliches dabei herauskommt

Ich glaube, diese Änderung wurde vorgenommen, um die Rendering-Zeit auf ihren Servern zu sparen, da die Tags jetzt nur noch während des Client-Renderings von React ausgefüllt werden. Dadurch wird ihr HTML statisch, was ihnen ermöglicht, Architecture  |  web.dev zu nutzen, was Web-Apps deutlich schneller rendern lässt.

5 „Gefällt mir“

Hey, wir haben eine Lösung!

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

# Spezieller User-Agent
➜  ~ 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="„Um zu verfolgen, was in Echtzeit passiert, tippe auf das ✨ oben rechts in deiner Home-Timeline, um von den Top-Tweets zu den neuesten Tweets zu wechseln.“">
    <meta  property="og:site_name" content="Twitter">

Können wir das verwenden, @techAPJ?

6 „Gefällt mir“

Auf jeden Fall, das hilft sehr! :heart_eyes:

Ich werde die Twitter Onebox-Engine morgen als Erstes aktualisieren. :memo:

8 „Gefällt mir“