So zeigen Sie Ihre neuesten Tweets auf Ihrer Website an

Veröffentlicht: 2022-04-24

Twitter und traditionelles Website-Marketing scheinen auf den ersten Blick nicht sehr kompatibel zu sein. Twitter ist eine sehr flüchtige Plattform, auf der Nachrichten eine Lebensdauer von Minuten haben. Auf der anderen Seite halten Websites unbegrenzt. Ein Blogbeitrag kann jetzt in einem Jahr so ​​wertvoll sein wie eh und je, oder sogar noch wertvoller, wenn er die einzige gute Ressource für ein anhaltendes Problem wird.

Die meisten Menschen nutzen Twitter einfach als eine Art kurzlebige Übertragung von Updates. Sie twittern, wenn sie einen neuen Blogbeitrag veröffentlichen, sie twittern, wenn es eine neue Produktankündigung oder ähnliches gibt, aber das war es auch schon. Sie erforschen die sozialen Aspekte der Seite nicht wirklich. Twitter ist viel mehr als nur einseitige Ankündigungen von Ihrer Website.

Aus diesem Grund möchten Sie vielleicht damit beginnen, Ihr Twitter in Ihre Website einzubetten. Wenn Sie den Anreiz haben, über das unidirektionale Messaging hinauszugehen, erkennen Sie das volle Potenzial der Microblogging-Site. Außerdem ermöglichen Sie es den Leuten, Ihrem Twitter von Ihrer Website aus zu folgen, was sie sonst nicht unbedingt tun würden. Wenn alles, was Sie posten, Website-Updates sind und sie Ihrer Website bereits folgen, warum sollten sie dann Ihrem Twitter folgen?

Ich bin nicht hier, um mit Ihnen darüber zu sprechen, wie Sie Twitter effektiv nutzen können. Dazu gibt es andere Beiträge. Ich bin jetzt hier, um Ihnen beim Einbetten von Twitter auf Ihrer Website zu helfen.

Inhaltsverzeichnis ausblenden
Methoden und Entscheidungen
Einzelne Tweets einbetten
Einbetten Ihres gesamten Twitter-Feeds
Zusammenhängende Posts:

Methoden und Entscheidungen

Als Erstes müssen Sie entscheiden, wie Sie Ihre Tweets einbetten möchten. Es gibt einige mögliche Optionen.

  1. Sie können Ihren gesamten Twitter-Feed einbetten.
  2. Sie können bestimmte individuelle Tweets einbetten.
  3. Sie können ein WordPress-Plugin verwenden, um beide einzubetten.
  4. Sie können Social-Sharing-Buttons verwenden.

Die vierte Option ist nicht wirklich im Rahmen dieses Artikels, da wir über Tweets sprechen. Sharing-Buttons sind großartig und alles, aber sie stehen nicht im Mittelpunkt dieses Beitrags.

Twitter-Newsfeed einbetten

Nummer drei ist nur Nummer eins oder zwei, aber wenn Sie WordPress als CMS und keine eigenständige Website haben. Ich werde darüber sprechen, sobald ich zuerst über die beiden anderen Methoden gesprochen habe.

Einzelne Tweets einbetten

Aus meiner Sicht gibt es zwei Gründe, einzelne Tweets auf Ihrer Website einzubetten. Der erste Grund ist ziemlich einfach; Sie haben etwas gepostet und möchten, dass dieser Tweet viel zusätzliches Leben hat. Normalerweise klingen Tweets sehr schnell ab, und nur Ihr gepinnter Tweet wird viel länger geliebt. Das heißt, wenn Sie so etwas wie das Verkaufen und Bewerben eines E-Books tun, sollten Sie im Laufe der Wochen oder Monate, in denen Sie versuchen, es zum Verkauf zu bringen, wiederholt darüber twittern. Das kann schnell ermüdend werden und dein Publikum überschwemmen, wenn du nicht auch über andere Dinge twitterst.

Meine typische Verwendung besteht darin, die Tweets zu solchen Werbeaktionen ein wenig zurückzurufen und ein paar der besten Tweets auf meiner Website einzubetten. Werfen Sie eines oben in einen Blogbeitrag oder in eine Seitenleiste als „ Hey, übrigens, wir verkaufen dieses E-Book immer noch vollständig “, und Sie feuern es im Wesentlichen ab und vergessen es. Dieser Tweet erhält zusätzliches Engagement, Aufrufe, Reichweite und Klicks, da er über Twitter, Ihre Website und alle Personen beworben wird, die auf die Seite verlinken, auf der er eingebettet ist.

Betten Sie einen Tweet auf einer Website ein

Der andere Grund, Tweets einzubetten, besteht darin , sie als Beispiele oder Illustrationen zu verwenden. Ich habe viele Posts gesehen, die „Best of“-Zusammenfassungen sind, die Tweets einbetten. Die Top 10 der Twitter-Fails könnten beispielsweise die Original-Tweets einbetten. Das ist kein großartiges Beispiel, da viele der größten Fehler entfernt werden, sodass Screenshots dort besser funktionieren. Die 10 besten Tweets mit Bildern, die zehn besten Tweets über Katzen, die zehn besten Marketing-Tweets, diese Art von Beispielen werden wahrscheinlich nicht vollständig entfernt.

Diese Tweets haben einen Nachteil, und das ist die Tatsache, dass sie oft nicht Ihre Tweets sind. Wenn Sie eine Best-of-Zusammenfassung machen, ist es irgendwie unhöflich und arrogant, sich selbst auf die Liste zu setzen, besonders mehr als einmal.

Es gibt jedoch noch andere Gründe, Ihre eigenen Tweets in Ihre Posts aufzunehmen. Sie können es verwenden, um zu veranschaulichen, dass Sie ein Twitter-Konto haben (posten Sie eine Hallo-Welt-Nachricht und binden Sie diese ein) oder um den Datenverkehr zu Ihrem Kundendienstkonto zu leiten. Sie können einen Austausch zwischen sich und einigen anderen veröffentlichen; Betten Sie die Frage und die Antworten ein und sprechen Sie im Blogbeitrag über diese Antworten.

Was ist also mit dem eigentlichen Prozess des Einbettens von Tweets? Zum Glück ist es sehr einfach, unabhängig davon, welches System Sie dafür verwenden. Damit meine ich, dass es innerhalb des WordPress-Erstellungsfensters oder über jedes andere Blog-CMS sehr einfach funktioniert.

Alles was du tun musst, ist:

  1. Navigieren Sie im Internet und suchen Sie den Tweet, den Sie einbetten möchten.
  2. Klicken Sie auf das …-Symbol rechts neben den Retweets und Likes.
  3. Klicken Sie im angezeigten Menü auf „Tweet einbetten“.
  4. Dadurch wird eine Lightbox mit Optionen erstellt. Oben ist ein Kästchen mit Code. Darunter befindet sich eine Vorschau des Tweets, wie er auf Ihrer Website erscheinen wird.
  5. Kopieren Sie den Code aus dem oberen Feld und fügen Sie ihn in Ihrem Blog-Beitrag in dem spezifischen Bereich ein, in dem der Tweet erscheinen soll.

Es gibt einige zusätzliche Kontextoptionen, die möglicherweise angezeigt werden. Wenn der Tweet eine Antwort auf einen anderen Tweet ist, wird ein Kästchen mit der Aufschrift „Übergeordneten Tweet einschließen“ angezeigt. Wenn Sie dieses Kontrollkästchen aktivieren, wird der übergeordnete Tweet angezeigt und sieht ungefähr so ​​​​aus:

Beispiel 1

Wenn der Tweet, den Sie einbetten möchten, ein Bild, eine Vine oder ein anderes Medienelement enthält, können Sie es auswählen. Der resultierende Tweet sieht folgendermaßen aus:

Beispiel 2

Wenn Sie nur den Tweet einschließen, wird nur der Tweet angezeigt.

Ich empfehle dringend, Tweets großzügig einzubetten. Sie können nicht nur Punkte mit Tweets direkt von der Quelle veranschaulichen – was dazu beiträgt, dass die Leute darauf vertrauen, dass Sie sie nicht bearbeiten –, sondern Sie können damit auch ein gewisses Maß an Influencer-Marketing betreiben. Leute mögen es, wenn ihre Twitter-Konten geteilt werden, und eine Einbettung auf einer Website ist eine großartige dauerhafte Freigabe.

Einbetten Ihres gesamten Twitter-Feeds

Okay, Sie können also nicht Ihren gesamten Feed einbetten. Wenn Sie mehr als fünf oder sechs Mal gepostet haben, wird nur das letzte halbe Dutzend angezeigt. Das ist aber auch gut so! Sie möchten keine unendlich lange Box mit sozialen Daten in einer Seitenleiste auf Ihrer Website. Das wäre mehr als ein bisschen verrückt.

Es gibt zwei Hauptgründe, warum Sie Ihren Twitter-Feed vielleicht einbetten möchten. Die erste besteht darin, es in einen Haupt-Blog-Beitrag zu stellen, um zu veranschaulichen, dass Sie einen Twitter-Feed haben. Es soll nicht auf eine bestimmte Weise in die Erzählung des Beitrags integriert werden, wie es ein einzelner Tweet ist.

Der andere Grund ist, es in eine Seitenleiste einzubetten, damit es immer da ist, eine passive und gegenwärtige Erinnerung daran, dass Sie einen Twitter-Feed haben, dem die Leute folgen können. Eine Timeline-Einbettung, wie sie genannt wird, ermöglicht es Ihnen, Ihre neuesten Tweets neben einer Schaltfläche zu präsentieren, mit der jeder Ihnen schnell und einfach folgen kann.

Beispiel für eine Twitter-Einbettungszeitleiste

Es gibt tatsächlich zwei verschiedene Formen von eingebetteten Zeitleisten. Die Vorlagen bestimmen, wie die Zeitleiste angezeigt wird, was angezeigt wird und wie alles aussieht. Sie sind:

  • Listenvorlage. Dies zeigt Tweets in chronologischer Reihenfolge, die neuesten zuerst, mit allen üblichen Informationen. Es zeigt Profilbild, Name, Anzeigename, Tweet-Inhalt, Medien und Engagement.
  • Rastervorlage. Dies zeigt hauptsächlich ein Raster von Medien, einschließlich Bildern, GIFs und Reben, die mit einem primären Beispiel oben und anderen in kleineren Kästchen unten angeordnet sind. Der Inhalt des Tweets außerhalb der Medien – der Name und der Text, es gibt kein Verlobungs- oder Profilbild auf diesem – wird über dem Bild eingeblendet.

Darüber hinaus gibt es verschiedene Arten von Inhalten, die eingebettet werden können. Es muss nicht nur Ihre Timeline sein. Die meisten Vermarkter und Unternehmen entscheiden sich dafür, nur die Zeitachse eines Benutzers zu verwenden, aber einige Kollektive, Gruppen und Organisationen möchten möglicherweise andere Formate verwenden.

  • Benutzer-Zeitachse. Dies zeigt nur Ihre Tweets, nichts von anderen Benutzern, außer wenn Sie Inhalte retweeten.
  • Benutzer mag. Dies ist ein Feed, der alle Beiträge anzeigt, die einem bestimmten Benutzer gefallen. Ansonsten ist es identisch mit einem Benutzer-Timeline-Feed.
  • Zeitachse der Benutzerliste. Dies zeigt die Zeitleiste der Tweets für alle in einer Liste von Benutzern, die von dem kuratiert wird, der die Liste erstellt hat. Die Einbettung zeigt den Listennamen sowie die individuellen Namen der Personen in der Liste.
  • Zeitachse suchen. Dies zeigt die Ergebnisse einer bestimmten Suche, die aktualisiert werden, wenn der Benutzer die Seite anzeigt, die das eingebettete Widget lädt. Sie können beispielsweise die Suchergebnisse für die Suche nach einem bestimmten Hashtag einbetten. Dies ist für einige Formen des Twitter-Marketings nützlich, aber als allgemeines Kurationstool weniger nützlich, insbesondere weil es leicht ausgenutzt werden kann.
  • Sammlung. Dies ist wie das Einbetten mehrerer handverlesener Tweets, aber Sie können die kuratierte Sammlung aktualisieren, anstatt den Beitrag mit neuen Einbettungen zu aktualisieren.

Wie bettet man also eine Zeitleiste ein? Es ist etwas komplexer als das Einbetten eines Tweets. Als erstes müssen Sie ein neues Timeline-Widget erstellen, für das Sie dieses Formular auf Twitter selbst ausfüllen müssen.

Erstellung des Widgets

Im Formular können Sie auswählen, welche der Timeline-Quellen Sie möchten. Unter der Benutzerzeitleiste können Sie den Benutzernamen auswählen, Antworten ausschließen, die Höhe festlegen, zwischen hellen und dunklen Themen wählen, die Linkfarbe ändern und die Anpassung deaktivieren. Tailoring ist das Wort für Twitter, das Daten für die spätere Verwendung in Analysen sammelt. Die Likes-Konfiguration hat alle die gleichen Optionen. Für den Listen-Feed müssen Sie eine Liste haben und verwalten oder die einzubettende Liste abonnieren. Die Suche ermöglicht es Ihnen, die Suchanfrage auszuwählen, den sicheren Suchmodus festzulegen, nur Top-Tweets anzuzeigen und die anderen Optionen, die von anderen Quellen geteilt werden. Schließlich erfordert der Sammlungsmodus, dass Sie eine Sammlung erstellen, um sie verwenden zu können.

Darüber hinaus gibt es Anpassungsoptionen für das Widget. Sie sind jedoch etwas kompliziert zu bedienen. Sie müssen den Code, den Ihnen das Widget beim Generieren gibt, tatsächlich bearbeiten. Die Optionen sind:

  • Noheader: Dies blendet den Header für die Timeline aus, wodurch die Twitter-Attribution ausgeblendet wird. Twitter ToS erfordert, dass Sie eine Namensnennung haben, damit können Sie einfach anpassen, wie und wo es auf Ihrer Website erscheint.
  • Nofooter: Dies blendet die Fußzeile mit dem Tweet-Composer-Link aus.
  • Noborders: Dadurch werden die Ränder des Widgets ausgeblendet, sodass Sie es nahtloser in ein Design integrieren können, das weder zu den hellen noch zu den dunklen Themen des Widgets passt.
  • Noscrollbar: Blendet die Bildlaufleiste aus, sodass Benutzer innerhalb des Widgets nicht nach unten scrollen können. Nur nützlich, wenn Sie eine große Größe für das Widget haben, damit mehr als eine Nachricht vollständig angezeigt werden kann.
  • Transparent: Dadurch wird die Hintergrundfarbe des Widgets transparent.
  • Höhe und Breite: Offensichtlich können Sie damit die genauen Abmessungen des Displays ändern. Beachten Sie, dass das minimale Widget 180 Pixel für die Listenvorlage und 220 für das Raster beträgt. Beide sind maximal 520 Pixel breit.
  • Daten-Tweet-Limit: Hiermit können Sie die genaue Anzahl der Tweets festlegen, die das Widget zu einem bestimmten Zeitpunkt anzeigen soll. Sie kann zwischen 1 und 20 liegen.

Mit all diesen Optionen können Sie das Widget an Ihre Website anpassen, egal wo Sie es platzieren möchten, solange genügend Platz vorhanden ist.

Sobald Sie das Widget generiert und angepasst haben, müssen Sie auf „Widget erstellen“ klicken, wodurch der Code generiert wird, den Sie kopieren und einfügen. Es ist ganz einfach, den Code an der richtigen Stelle im HTML-Code Ihrer Website einzufügen.

Wenn Sie WordPress verwenden, können Sie übrigens eines der vielen verfügbaren WordPress-Plugins zum Hinzufügen von Tweets und Feeds verwenden. Mein Favorit ist das Twitter-Widget mit Styling, das Ihnen eine viel breitere Palette an Anpassungsmöglichkeiten bietet, einschließlich Farben, als Sie mit dem normalen Widget erhalten. Allerdings gibt es Dutzende von kostenlosen und kostenpflichtigen Optionen, die Sie auswählen können. finde einfach einen, der dir gefällt.