Twitter-Tweets in eine Webseite einbauen

Die neuesten Tweets eines Twitternutzers/Twitterkontos lassen sich ganz einfach automatisch auf der Homepage, in einem Blogartikel oder auf jede andere Webseite einspielen. Mit ein paar Klicks im Twitter-Konfigurator lässt sich der entsprechende kleine Code-Schnippsel (bei Twitter genannt Widget-Code, von manchen auch als Plugin-Code bezeichnet) generieren und anschließend einbauen. Ruft ein Nutzer die Seite dann mit seinem Browser auf, sieht er an der gewählten Stelle die neuesten Tweets in einer Art „Twitter-Box“. Eine solche Twitter-Box kann man mit Tweets des eigenen Twitterkontos füllen und integrieren („embedden“), mit denen eines anderen öffentlichen Twitter-Kontos, mit Tweets einer Liste oder mit Tweets als Ergebnis einer Hashtag-Suche. Da Twitter das Konfigurierungsverfahren und die Nutzeroberfläche gegenüber der alten Twitter-Widget-Konfigurator-Version ständig verändert, hier nun die aktualisierte Anleitung. (Stand 11.03.2021).

"Twitter-Box", wie sie auch auf meiner Portalseite tinto.de
erscheint, um dort meine neuesten Tweets anzuzeigen (Scrollleiste rechts).

Die Möglichkeit, eine Twitter-Box mit Tweets in eine Webseite einzubinden, ist nicht neu, aber der Konfigurator für den Twitter-Widget-Code wird immer schwieriger zu finden. Aber die Benutzung ist nach wie vor einfach.

So generieren Sie Ihren Widget-Code - eine überarbeitete Anleitung

Sie können die ersten durchgestrichenen Schritte  der alten Anleitung alle überspringen - die Nutzeroberfläche von Twitter ist inzwischen völlig neu strukturiert - nehmen Sie eine dieser Abkürzungen:

1. Gehen Sie entweder gleich zu Twitter Publish (https://publish.twitter.com/#) und folgen Sie der Anleitung ab Punkt 6. 
2. Oder, falls sich erst etwas bei den Brand Toolkits umschauen möchten, navigieren Sie zu https://about.twitter.com/en/who-we-are/brand-toolkit, scrollen dort schließlich ganz nach unten und wählen dann ganz unten rechts im Abschnitt Publishing a Tweet or button? Embed content →. Sie landen dann ebenfalls auf der Seite Twitter Publish, direkt beim Widget-Konfigurator. 

Folgen Sie nun der Anleitung ab Punkt 6.

1. Gehen Sie auf die Twitter-Homepage. 
2. Melden Sie sich mit Ihrem Nutzernamen und Passwort an.
   
   Wenn Sie noch kein Twitter-Nutzerkonto (Account) haben, müssen Sie sich zuerst registrieren und sollten die normalen Twitter-Funktionen ausprobieren und kennenlernen.
3. Klicken Sie auf Ihr Porträtbild in der Symbolleiste ganz oben rechts und wählen Sie in der Dropdown-Liste Einstellungen und Datenschutz. 
   
   
   
   Sie landen auf der Seite Account. 
4. Wählen Sie auf der Seite Account in der Navigation auf der linken Seite Widgets (ist ziemlich weit unten zu finden). 
   Sie landen auf der Seite Widget. 
5. Klicken Sie auf der Seite Widget oben rechts auf Neu erstellen.
   
   
   
   
   Nun zeigt sich ein Dropdown-Menü.
   Das bedeuten die Menüpunkte des Dropdown-Menüs:
   • Profil
     Die Twitter-Box soll mit Tweets (m)eines öffentlichen Accounts gefüllt werden.
   • Gefällt mir
     In der Twitter-Box sollen Tweets, die Sie als Favoriten gekennzeichnet haben, angezeigt werden.
   • Liste
     In der Twitter-Box sollen Tweets einer Liste, die Sie zuvor angelegt und der Sie öffentliche Twitter-Accounts zugeordnet haben, angezeigt werden.
   • Sammlung
     Die Twitter-Box soll Tweets einer Sammlung, die Sie zuvor angelegt haben, anzeigen.
   • Suchen
     In der Twitter-Box sollen Tweets, die das Ergebnis einer Suche sind, angezeigt werden, beispielsweise solche. die mit einem definierten Hashtag-Begriff #garten, gekennzeichnet wurden.
6. Klicken Sie im Eingabefeld auf der rechten Seite auf den kleinen Pfeil nach unten. Es erscheint eine Dropdown-Liste, mit den Möglichkeiten, die Sie haben, und jeweils einem Beispiel, wie das die Eingabe ins Feld auszusehen hat. Wählen Sie eines der Folgenden und setzen Sie Ihre eigenen Angaben ein
   • A Tweet
     Die Twitter-Box soll mit nur einem genau spezifizierten Tweet einer bestimmten Person gefüllt werden. Beispiel mit meinem Twitter-Account eva4tinto: https://twitter.com/eva4tinto/status/1348560154384596992?s=20
   • A profile
     Die Twitter-Box soll mit den Tweets (m)eines öffentlichen Accounts gefüllt werden. Beispiel: https://twitter.com/eva4tinto/
   • A list
     In der Twitter-Box sollen Tweets einer Liste, die Sie zuvor angelegt und der Sie öffentliche Twitter-Accounts zugeordnet haben, angezeigt werden. Beispiel: https://twitter.com/i/lists/1369559023759069186
   • A handle
     Entspricht A profile: Die Twitter-Box soll mit den Tweets (m)eines öffentlichen Accounts gefüllt werden. Beispiel: @eva4tinto
   • A hashtag
     In der Twitter-Box sollen Tweets, die das Ergebnis einer Hashtag-Suche sind, angezeigt werden, beispielsweise solche, die mit #gartenkalender, gekennzeichnet wurden.
   In diesem Konfigurationsbeispiel sollen die Tweets des eigenen Twitter-Accounts in einer Twitter-Box auf der eigenen Portalseite angezeigt werden (siehe Bild ganz oben). Wählen Sie also im Dropdown-Menü den Menüpunkt A profile.
   Das Fenster öffnet sich und sie werden gefragt, was Sie (in eine Webseite) einbetten möchten ("What would you like to embed"). Darunter befindet sich ein Eingabefeld.
7. Geben Sie für unser Beispiel in das Eingabefeld die URL Ihres Twitter-Accounts ein, beispielsweise https://twitter.com/eva4tinto
   (eva4tinto ersetzen Sie durch Ihren eigenen Nutzernamen).
   
8. Klicken Sie nach Ihrer Eingabe innerhalb des Eingabefeld auf der rechten Seite auf den Pfeil nach rechts.
   
   Die Seite scrollt weiter nach unten.
   
   
   
9. Sie werden gefragt, ob Sie eine Twitter-Box (Embedded Timeline) oder Twitter-Schaltflächen (Buttons) integrieren möchten (Twitter Buttons, die nun zur Auswahl stehen: Follow Button, Mention Button).
10. Wählen Sie für unseren Zweck Embedded Timeline.
    Die Seite schiebt sich weiter nach unten. In einem eingerahmten Bereich finden Sie den Code-Schnippsel, den Sie kopieren und in Ihre Webseite an der gewünschten Stelle einfügen müssen.
    
    
    
    
    
    Wer Details der Twitter-Box anpassen möchte, klickt auf den Link set customization options in der Überschrift. Es öffnet sich ein weiterer Konfigurationsbereich, in welchem man Höhe, Breite, helles oder dunkles Design sowie Linkfarbe und Sprache (um)definieren kann. Außerdem kann man durch einen Haken im Opt-out-Kästchen dagegen votieren, dass Twitter-Nutzerdaten von der Webseite sammelt, auf der das Widget eingebaut wird. (Mit Klick auf das Fragezeichen findet man mehr Informationen dazu, beispielsweise dass man im Quelltext der Webseite im Kopfteil auch folgenden Meta-Tag einfügen sollte <meta name="twitter:dnt" content="on">.)

Anwendungsmöglichkeiten für Twitter-Boxen

Ich habe eine Twitter-Box mit meinen neuesten Tweets auf meiner tinto.de-Portalseite eingebaut (und zusätzlich auch eine automatische Liste meiner neuesten Blogartikel), damit diese Einstiegsseite nicht immer gleich aussieht, sondern bei jedem Besuch einen Überblick über alle meine neuen Tweets (und Blogartikel) enthält.

Die gleiche Twitter-Box wie auf der Portalseite habe ich auch im Media Newsroom von evaschumann.biz eingebunden, so dass meine Besucher und ich die meisten meiner Social Media Aktivitäten auf einen Blick erfassen können - noch nicht dabei sind lediglich Pinterest, Instagram und YoutTube.

Wer mit seinen Seitenbesuchern teilen möchte, was er/sie auf Twitter beachtenswert findet, konfiguriert die Twitter-Box so, dass sie seine/ihre Gefällt-mir-Tweets anzeigt.

Wer zeigen möchte, was zu einem Thema aktuell im Gespräch bei Twitter ist, packt interessante Twitter-Accounts in eine Liste und definiert die Twitter-Box so, dass die neuesten Tweets dieser Liste angezeigt werden, oder er definiert eine Hashtag-Suche, deren Ergebnisse in der Twitterbox erscheinen.

Was bei Ihnen Sinn macht, hängt von Ihrem Informations- und Kommunikationskonzept ab.

Anzeige



Ich verwende die verschiedenen sozialen Netzwerke zu unterschiedlichen Zwecken:

• Twitter nutze ich einerseits zur Informationsbeschaffung: Dort sind neue Nachrichten als erstes zu finden. In meiner eigenen Twitter-Timeline stelle ich vorwiegend neue Blogartikel und Informationswebseiten aus meinem eigenen "Internetreich" vor. Gelegentlich teile ich auch besonders Interessantes aus meinem Netzwerk, wenn diese Tweets nicht nur meine Twitter-Follower, sondern auch meine Webseiten-/Blogbesucher interessieren könnten.
• Zum Diskutieren bevorzuge ich die Kommentarfunktionen von Blogs sowie die Kommunikationsmöglichkeiten bei Facebook und Instagram.
• Bilder schaue und teile ich am liebsten bei Instagram und bei Pinterest, Videos bei YouTube.

Das könnte Sie auch interessieren:

• Der Corporate Blog als Teil der Unternehmensstrategie
• Letzte Blogartikel und anderes als automatisch aktuelle Linklisten auf anderen Webseiten einbauen
• Bezahlte Blogartikel - Sponsor Posts und Sponsored Posts
• LawTuber & Co. sind die neuen Rockstars in Social Media - der Fall Johnny Depp versus Amber Heard (tinto bloggt)

Anzeige

Twitter: Threads und Moments erstellen - Stories the Twitter Way

Bei Twitter kann man jetzt aus Einzeltweets eine zusammenhängende Geschichte basteln oder sie zu einer thematischen Einheit bündeln. Dafür hat man zwei Möglichkeiten: Threads und Moments. Im Gegensatz zu den Stories bei Instagram und anderen Social-Media-Netzwerken werden die Twitter-Threads und -Moments aber nicht automatisch nach einer bestimmten Zeit gelöscht, sondern sind dauerhaft.

Threads (Gedankengänge, rote Fäden)

Will man eine Geschichte "quick and dirty" aus mehreren eigenen Tweets basteln oder braucht man einfach mehr Zeichen, als ein einzelner Tweet für ein Thema hergibt (früher 140, jetzt 280 Zeichen), hängt man während des Verfassens einfach mehrere Tweets aneinander.

Thread erstellen - so geht's

1. Klicken Sie auf Twittern (blaue Schaltfläche oben rechts in der Menüleiste über dem großen Headerbild).
   Das Fenster Neuen Tweet verfassen öffnet sich. 
2. Verfassen Sie den ersten Tweet wie gewohnt, klicken Sie jedoch nicht auf Twittern, sondern auf das + Zeichen (für Weiteren Tweet hinzufügen) links daneben.
   
   
   
   
   
   Die Überschrift ändert sich zu Neuen Thread verfassen und es öffnet sich ein weiteres Tweet-Eingabefeld. 
   
   
   
   
   
   
3. Schritt zwei können Sie bis zu 24 Mal durchführen. 
4. Beim letzten Tweet, spätestens dem 25. Tweet, des Threads klicken Sie dann auf die Schaltfläche Alle twittern. 

Bestehende Threads kann man editieren und ihnen Tweets hinzufügen oder von ihnen Tweets entfernen. Man findet die eigenen Threads unter den eigenen Tweets und zwar jeden einzelnen Tweet des Threads, den neuesten oben.

Man kann den Thread öffnen, indem man unterhalb eines der Tweets auf Diesen Thread anzeigen klickt. Der Thread wird angezeigt. Mit einem Klick auf Weiteren Tweet hinzufügen kann man einen Tweet erstellen, der dann ebenfalls im Thread erscheint. Die Möglichkeit, einen Tweet zu löschen, erhält man über das Dropdown-Menü, das erscheint, wenn man auf den Pfeil nach unten (rechts neben einem Tweet) klickt.

Threads können übrigens auch Moments hinzugefügt werden.

Moments (Momente, Augenblicke)

Während Threads ohne weitere Verschönerung oder Aufmachung daherkommen, haben Moments ein "Cover", eine Überschrift und einen Einführungstext. Und sie können nicht nur eigene Tweets enthalten, sondern beispielsweise eine Sammlung von Tweets sein, die man mit Gefällt mir markiert hat.

Anzeige

So ruft man den eigenen Bereich Moments auf:

• indem man auf der Tweets-Seite mit den eigenen Tweets auf Moments (rechts neben Listen im Menü über den Tweets) klickt oder
• indem man auf das kleine Profilbild (im Menü ganz oben über dem großen Headerbild auf der rechten Seite) klickt und im sich dann öffnenden Dropdown-Menü Moments wählt.
  
  
  

Als nächstes wird Moments aufgerufen und bereits existierende Moments werden angezeigt.

So erstellen Sie Ihren ersten und jeden anderen neuen Moment:

1. Unter Moment erstellen (auf der rechten Seite) klicken Sie auf Neuen Moment erstellen.
   
   
   
   
   
   Das Fenster Moment bearbeiten: wird aufgerufen.
2. Im Fenster Moment bearbeiten: geben Sie den Namen und die Beschreibung ein und fügen Sie ein Cover hinzu.
   Das Cover kann ein Bild oder Video sein - entweder von der eigenen Festplatte oder, nachdem man Tweets hinzugefügt hat, von einem der Tweets.
   Das Coverbild wird angezeigt, wobei Sie den Ausschnitt verschieben können. Rechts neben dem großen Bild sehen Sie die quadratische Vorschau für das Web. Oben in der blauen Menüleiste hat man nun die Schaltflächen Später fertigstellen (Speichern ohne Veröffentlichung) und Veröffentlichen (Speichern und Veröffentlichen).
3. Falls Sie sofort Tweets hinzufügen möchten, klicken Sie auf die Schaltfläche Weiter unter der quadratischen Bildvorschau.
   Sie werden aufgefordert den Bildausschnitt für die mobile Vorschau einzurichten.
4. Verschieben Sie den Bildausschnitt für die mobile Vorschau nach Wunsch und klicken Sie auf Speichern unter der mobilen Vorschau.
5. Wählen Sie die Tweets aus, die Sie dem Moment hinzufügen möchten.
   Klicken Sie dafür zunächst auf einen der folgenden Reiter/Links:
   • Tweets, die mir gefallen
   • Tweets vom Account - das sind die eigenen
   • Tweet-Suche
   • Link twittern - damit ist der Link zu einem bestimmten Tweet gemeint.
   Klicken Sie auf den kleinen Haken rechts neben einem Tweet, um diesen Ihrem Moment hinzuzufügen.
6. Klicken Sie am Ende auf Veröffentlichen.
   Der Moment erscheint nun in der Liste Ihrer Momente.

Moment nachträglich bearbeiten

Ein Moment lässt sich nachträglich öffnen und bearbeiten.

1. Rufen Sie, wie oben beschrieben, Ihren Bereich Moments auf.
   Vorhandene Momente werden angezeigt. 
2. Klicken Sie auf das Häkchen rechts neben dem Moment, den Sie bearbeiten möchte.
   
   
   Ein Dropdown-Menü öffnet sich. 
3. Wählen Sie Moment bearbeiten im Dropdown-Menü.
4. Das weitere Vorgehen ist selbsterklärend: Sie können die einzelnen Tweets verschieben oder löschen. Wenn Sie fertig sind, klicken Sie auf Fertig. 

Fazit

Threads und Moments bieten auf jeden Fall neue Möglichkeiten für Twitterer. Beide eignen sich nicht nur um Gedankengänge, Diskussionsbeiträge, Follow-ups zu einem Thema, einer Nachricht oder einer Veranstaltung zu bündeln, man kann einen Moment oder Thread auch wie ein Inhaltsverzeichnis einsetzen, wobei jeder Tweet ein Kapitel vorstellt und auf den entsprechenden (Blog-)Artikel verlinkt. Einen Moment kann man auch nutzen, sich oder seine Arbeit genauer vorzustellen und den Moment oben am Profil anheften (über das Dropdown-Menü des Moments in der eigenen Tweets-Ansicht, nicht im Moments-Bereich - dort fehlt der Menüpunkt).





 Das könnte Sie auch interessieren:

• Optimierung der Taskleiste
• Twitter auf Webseite einbinden
• Der Corporate Blog als Teil der Unternehmensstrategie
• Blogs bekannt machen

Sie suchen Werbeplatz in diesem Blog oder eine Technische Redakteurin/Autorin/Texterin zu Software-, Informatik- oder Internetthemen für Ihre Website, ein Buchprojekt, ein Kundenmagazin o. Ä.? Schreiben Sie mir!