Wie man einen einzelnen Tweet in Ihre Web site einbaut

Question

Gerade jetzt im Aufbau eine einfache HTML/css Site für einen Freund. Die Homepage besteht aus einer Reihe von Grid-Block-Divs, die Inhalte enthalten.

Derzeit gibt es 3 Blockdivs, die wir für Social-Media-Posts markiert haben. Zum Beispiel möchte er, dass sein letzter Tweet in einem dieser divs erscheint. Sein letzter Instagram Post erscheint in einem anderen und Facebook in der letzten.

Wir können Facebook vorerst ignorieren, da ich mich momentan nur auf Twitter/Instagram konzentriere.

Ich habe Probleme mit dem Start für dieses Projekt. In der Vergangenheit habe ich nur Twitternetzwerke, Instagram Beiträge mit Widgets usw. eingebettet .... nichts zu kompliziert.

Aber für dieses Projekt brauche ich separate abgespeckte Posts, dh: nur der Klartext von seinem Tweet im twitter div. Das Bild von seinem Instagram-Post als Hintergrundbild auf dem Instagram-Block usw.

Ich habe die letzten paar Stunden damit verbracht, meinen Kopf um oEmbed zu bekommen, und ich kann sicher sagen, dass ich kläglich versagt habe.

Ich bin jetzt eher verwirrt, bevor ich angefangen habe, also wenn irgendeine Art Seele mir einen Attrappenführer geben könnte, wie ich diesem nähern kann, das würde absolut erstaunlich sein.

Vielen Dank!

Answer 1

Sie können einen einzelnen eingebetteten Tweet mithilfe einer eingebetteten Zeitleiste erstellen.

nur einen Tweet zu erhalten, verwenden Sie das data-tweet-limit Attribut des embed-Tag, wie hier beschrieben: https://dev.twitter.com/web/embedded-timelines/parameters

Zum Beispiel:

<a class="twitter-timeline" href="https://twitter.com/TwitterDev" data-widget-id="some_id" data-tweet-limit="1"></a>

Laut Dokumentation Gezwitscher, das ist die empfohlene Möglichkeit, Tweets auf Websites zu bekommen. Aus Ihrer Beschreibung des Anwendungsfalls kann ich Ihnen nur empfehlen, das offizielle Twitter-Widget zu verwenden.

Wenn Sie wirklich Twitters REST-API verwenden möchten und Ihre Seite Server-Seite zu generieren, würde ich diesen Stack-Überlauf Frage als Ausgangspunkt check out: Setting up Twitter API, getting the last few Tweets

Hoffnung, das hilft!