Twitter bietet eingebettete Widgets, die Twitter-Inhalte über ein Skript in einen Inline-Frame innerhalb einer anderen Webseite einfügen. Die Website von Twitter blockiert die direkte Anzeige von Iframes über das sichere Hypertext-Übertragungsprotokoll, das verhindert, dass jemand einen direkten Iframe zu einer bestimmten Seite auf Twitter erstellt. Stattdessen müssen Twitter-Widgets über den entsprechenden Twitter-Account erstellt werden, um sie auf einer Site innerhalb eines Iframes einzubetten.
Seiten innerhalb von Seiten
Iframes sind eine Funktion in HTML, die es einem Webentwickler ermöglicht, Inhalte von einer Website oder Webseite in eine andere einzubetten. Innerhalb von HTML gibt es andere Befehle, die zum Erstellen von Frames verwendet werden können, die eine Webseite in separat zu ladende Inhalte unterteilen: Das iframe-Tag erstellt einen geschlossenen Frame. Twitter-Widgets verwenden das iframe-Konstrukt, um auf Twitter gehostete Inhalte auf anderen Websites so anzuzeigen, als ob es sich um eine zusammenhängende Webseite handelt.
Twitter Iframe-Widgets
Die iframe-basierten Widgets von Twitter sind die autorisierte und kontrollierte Version der Social-Media-Site zur Anzeige ihrer Inhalte auf anderen Sites. Ein Kontoinhaber kann Benutzerzeitleisten, Favoriten, Listen- und Such-Widgets erstellen. Twitter-Widgets werden mithilfe des Widget-Erstellers in einem Twitter-Benutzerkonto erstellt: Sie können Widgets für andere Konten in Ihrem eigenen Konto erstellen. Twitter generiert einen JavaScript-Code, der auf einer anderen Site eingebettet werden kann und die Authentifizierung für die Widget-Erstellung und den Inhalt bereitstellt. Die Widgets selbst werden angepasst und auf der Twitter-Site gehostet.
Twitter-Widgets erstellen
Um Twitter-Widgets zu erstellen, melden Sie sich mit Ihrem persönlichen Konto auf der Twitter-Site an, klicken Sie auf das "Zahnrad"-Symbol und wählen Sie die Option "Einstellungen". Wählen Sie im Menü auf der linken Seite die Unterüberschrift Widgets und klicken Sie auf "Neu erstellen". Wählen Sie "Benutzer-Timeline", "Favoriten", "Liste" oder "Suchen", je nachdem, welche Art von Modul Sie erstellen möchten. Um "Benutzer-Timeline" und "Favoriten" einzurichten, geben Sie den Benutzernamen des Kontos ein und klicken Sie auf "Widget erstellen", um den Widget-Code zu generieren. Um ein "Listen"-Widget einzurichten, wählen Sie die bereits erstellte Liste aus, die Sie verwenden möchten, und klicken Sie auf "Widget erstellen". Um ein Such-Widget zu erstellen, geben Sie den Hashtag ein, den Sie unter "Suchanfrage" auflisten möchten, und klicken Sie auf "Widget erstellen".
Implementieren von Twitter-Widgets
Alle vier Twitter-Widget-Typen generieren einen eingebetteten HTML- und JavaScript-Code, mit dem Sie das Widget in Webseiten platzieren können. Um den Code zu verwenden, kopieren Sie ihn aus dem Feld auf der Twitter-Site und fügen Sie ihn in den Seitencode der Website ein. Das eigenständige Skript wird auf der Seite geladen und fügt einen Iframe ein, der den Inhalt des Widgets enthält.
Tweets von Drittanbietern einbetten
Sie können Einbettungscodes für einzelne Tweets von jedem Konto aus generieren, indem Sie die Option "Einbetten" verwenden. Um die Tweet-Einbettungsfunktion zu verwenden, gehen Sie zur Chronikseite des Twitter-Kontos und suchen Sie den Tweet, den Sie einbetten möchten. Bewegen Sie die Maus über den Tweet, klicken Sie auf "Mehr" und wählen Sie "Tweet einbetten". Die Site öffnet ein Feld mit dem Einbettungscode, der kopiert und auf einer anderen Site eingefügt werden kann, um den Tweet anzuzeigen.
