Donnerstag, 11. März 2021

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

    alte Twitter-Benutzeroberfläche
    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.

    alte Twitter-Benutzeroberfläche

    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.

    Twitter Publish (Widget-Konfigurator) gescrollt
  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:
Anzeige


Kommentare :

  1. Herzlichen Dank für die ausführliche und gut strukturierte Anleitung. Diese hat mir sehr geholfen.

    AntwortenLöschen
    Antworten
    1. Freut mich! Dann war die Zeit gut investiert. Viele Grüße
      Eva

      Löschen