So binden Sie Tweets/X-Beiträge in Ihre Website ein (für Anfänger)
Startseite Blog So binden Sie Tweets/X-Beiträge in Ihre Website ein (für Anfänger)

So binden Sie Tweets/X-Beiträge in Ihre Website ein (für Anfänger)

Tweets auf Ihrer Website einbetten

Sie denken darüber nach, Tweets in Ihre WordPress-Website einzubinden, wissen aber nicht, wo Sie anfangen sollen?

Durch das Einbetten von Tweets oder X-Posts können Sie echte Unterhaltungen präsentieren, Erfahrungsberichte teilen und die Inhalte Ihrer Website aktuell und interessant halten.

Es ist auch eine effektive Möglichkeit, mit Ihrem Publikum in Kontakt zu treten und mehr Follower auf X (Twitter) zu gewinnen.

Als ich zum ersten Mal versucht habe, Tweets zu meiner Website hinzuzufügen, fand ich die Standard-Einbettungstools von X verwirrend. Vor allem, wenn man gerade erst anfängt.

Smash Balloon hat Millionen von WordPress-Benutzern dabei geholfen, Social-Media-Feeds nahtlos anzuzeigen, so dass es für jeden einfach ist, Twitter-Inhalte in seine Website einzufügen.

In diesem Artikel führe ich Sie durch einen anfängerfreundlichen Prozess, um Tweets auf Ihrer Website einzubetten.

Das Beste daran ist, dass Sie lernen, wie Sie Tweets in nur wenigen einfachen Schritten auf Ihrer Website einbetten können, selbst wenn Sie technisch nicht versiert sind.

In diesem Artikel

Warum Tweets auf Ihrer Website einbetten?

X (Twitter) ist eine der größten Social-Media-Plattformen und ein beliebter Ort für Marken, die für ihr Unternehmen werben möchten.

Mit über 237 Millionen X-Nutzern finden Sie dort unzählige potenzielle Kunden für Ihr Unternehmen.

Aber so viele Vermarkter nutzen X bereits täglich, dass es schwierig sein kann, eine eigene Fangemeinde aufzubauen.

Die Lösung? Sie können Social-Media-Inhalte von X zu Ihrer Website hinzufügen und den Traffic Ihrer Website in Interaktionen und Follower umwandeln.

Neben dem Ausbau Ihrer Social-Media-Präsenz gibt es noch einige weitere Möglichkeiten, wie das Einbetten von Tweets Ihrer Marke helfen kann:

  • Sie können Live-X-Übertragungen (Twitter-Livestreams) einbetten, um die Besucher Ihrer Website länger zu binden.
  • Wenn Sie soziale Beweise zeigen, indem Sie Twitter-Bewertungen Ihrer Produkte einbinden, können Sie Ihre Besucher überzeugen, bei Ihnen zu kaufen.
  • Das Einbetten Ihrer eigenen Tweets aus Ihrer Twitter-Timeline zeigt den Leuten, dass Sie auf Twitter aktiv sind, und ermutigt sie, mit Ihnen in Kontakt zu treten.
  • Mit einer Twitter-Einbettung können Sie wichtige Ankündigungen und die neuesten Nachrichten auf Ihrer Website ganz einfach hervorheben.

Wie Sie sehen, können Sie Ihre Twitter-Followerschaft ganz einfach vergrößern, mehr Kunden erreichen, Ihren Umsatz steigern, Ihre Marke ausbauen und mit Twitter Geld verdienen.

Sehen wir uns also an, wie Sie Twitter in Ihre Website integrieren können.

2 Möglichkeiten, einen Tweet auf Ihrer WordPress-Website einzubetten

Wenn Sie Tweets auf Ihrer WordPress-Website einbetten möchten, gibt es 2 Möglichkeiten:

  • Manuell: Generieren Sie einen Twitter-Einbettungscode für die Tweets, bearbeiten Sie diesen Code und fügen Sie ihn dann manuell in Ihre Website ein.
  • Automatisch: Verwenden Sie ein WordPress-Plugin, das Twitter-Inhalte automatisch für Sie einbetten kann.

Wenn Sie sich für die erste Methode entscheiden, müssen Sie sich mit einer Menge komplexer HTML-Codes auseinandersetzen. Außerdem kann das Einbetten von Twitter-Feeds auf manuellem Weg viel mehr Zeit in Anspruch nehmen.

Und wenn etwas schief geht, während Sie den Code in Ihre Website einfügen, haben Sie kein Support-Team, das Ihnen hilft.

Alles in allem kann der manuelle Weg für viele Benutzer eine Herausforderung darstellen.

Wie lassen sich Tweets am einfachsten auf Ihrer Website einbetten?

Wenn Sie sich hingegen für die automatische Option entscheiden, können Sie einfach ein Twitter-Feed-Plugin verwenden, um alle Tweets mühelos einzubetten – ganz ohne Programmierkenntnisse.

Und das beste Twitter-Feed-Plugin, das Sie verwenden können, ist Smash Balloon Twitter Feed Pro.

Smash Balloon Twitter-Feed Pro Homepage

Dieses Plugin enthält eine einfache 3-Schritte-Anleitung, die Sie durch den gesamten Prozess der Erstellung, Anpassung und Einbettung von Twitter-Inhalten auf Ihrer Website führt.

Darüber hinaus haben Sie zahlreiche Optionen, wenn es um die Art der Twitter-Inhalte geht, die Sie einbetten möchten.

Sie können Tweets von einem bestimmten Profil anzeigen, Twitter-Suchergebnisse anzeigen, die von Ihnen gewählten Twitter-Hashtags anzeigen, Ihre Twitter-Erwähnungen einbetten, Ihre Retweets anzeigen und vieles mehr.

Zusätzlich zu Textbeiträgen und Fotos können Sie mit diesem Plugin ein Twitter-Video auf Ihrer Website einbetten und so Ihre Besucher viel länger beschäftigen.

Mit Twitter Feed Pro haben Sie außerdem die vollständige Kontrolle darüber, wie die Tweets auf Ihrer Website erscheinen.

Sie können eine schöne Vorlage importieren und dann mit einem Live-Feed-Anpassungsprogramm das Design Ihres Twitter-Feeds mit ein paar einfachen Klicks ändern.

Live-Feed-Editor für Twitter

Wie Sie sehen können, ist Twitter Feed Pro die beste Option, wenn Sie Tweets ganz einfach zu Ihrer Website hinzufügen möchten. Mir gefällt auch die Tatsache, dass ich dieses Twitter-Plugin verwenden kann, um Tweets auf meiner Divi-Website einzubetten.

Mit all diesen erstaunlichen Funktionen hat das Plugin eine Bewertung von 4,9/5 Sternen von über 150.000 aktiven Benutzern!

Benutzerbewertungen benutzerdefinierte Twitter-Feeds pro

Sehen wir uns nun an, wie Sie dieses Plugin verwenden können, um Inhalte von Twitter mit wenigen Klicks auf Ihrer Website einzubetten.

Sind Sie bereit, Ihre Tweets auf Ihrer Website einzubinden, auch wenn Sie technisch nicht versiert sind?

Starten Sie noch heute mit Twitter Feed Pro!

Wie Sie Tweets auf Ihrer Website einbetten (einfacher Weg)

Um Tweets problemlos in Ihre Website einzubinden, folgen Sie einfach der folgenden Schritt-für-Schritt-Anleitung.

Schritt 1: Installieren und aktivieren Sie Smash Balloon Twitter Feed Pro

Holen Sie sich zunächst eine Kopie des Twitter Feed Pro Plugins von hier. Dann installieren und aktivieren Sie das Plugin auf Ihrer Website.

Wenn Sie sich nicht sicher sind, wie das geht, schauen Sie sich einfach diese Schritt-für-Schritt-Anleitung zur Installation von WordPress-Plugins an

Damit können Sie zu Schritt 2 übergehen und das Plugin zum Erstellen von Twitter-Feeds verwenden.

Schritt 2: Erstellen Sie einen neuen Twitter-Feed

Mit einem Twitter-Feed können Sie ganz einfach Tweets auf Ihrer Website anzeigen.

Um Ihren Feed zu erstellen, navigieren Sie in Ihrem Admin-Dashboard-Bereich zum Menü Twitter Feed " Alle Feeds und klicken Sie dann auf Neu hinzufügen.

neuen benutzerdefinierten Twitter-Feed hinzufügen

Sie können dann mit Twitter Feed Pro auswählen, welche Art von Twitter-Feed Sie auf Ihrer Website anzeigen möchten. Es gibt 6 Optionen, aus denen Sie wählen können:

  • Benutzer-Zeitleiste: Wählen Sie ein Twitter-Konto und zeigen Sie die Tweets dieses Nutzers an.
  • Hashtag: Zeigt alle Tweets an, die die von Ihnen gewählten Twitter-Hashtags enthalten.
  • Eigene Zeitleiste: Zeigen Sie die Tweets aus Ihrer eigenen Twitter-Timeline an
  • Suche: Suchbegriffe auswählen und Tweets mit diesen Begriffen einbetten
  • Erwähnungen: Tweets einbetten, die Ihr Twitter-Konto erwähnen
  • Listen: Betten Sie bestimmte X (Twitter)-Listen in Ihre Website ein.

Möchten Sie mehr als nur einen einzigen Twitter-Feed-Typ verwenden? Hier können Sie einfach mehrere Optionen auswählen und Feed-Typen kombinieren.

Nachdem Sie den Twitter-Feed-Typ ausgewählt haben, klicken Sie auf Weiter , um fortzufahren.

Hashtag Twitter-Feed auswählen

Wir werden den Hashtag-Feed-Typ verwenden, wenn wir ein Beispiel für einen Twitter-Feed auf einer Website zeigen.

Nachdem Sie nun einen Twitter-Feed erstellt haben, müssen Sie diesen Feed in Schritt 3 mit Twitter verbinden.

Schritt 3: Verbinden Sie Ihr Twitter-Konto

Durch die Verbindung mit Ihrem Twitter-Konto kann Ihr neuer Feed Twitter-Inhalte abrufen und sie auf Ihrer Website anzeigen.

Klicken Sie zunächst auf die Schaltfläche Verbinden im Popup-Fenster.

twitter-konto mit wordpress verbinden

Dadurch wird die Twitter-Website geöffnet, auf der das Plugin um einen Nur-Lese-Zugang zu Ihrem Konto bittet.

Twitter Feed Pro nutzt diesen Zugang, um Inhalte auf Twitter anzuzeigen, und nimmt keine Änderungen an Ihrem Konto vor. Das Plugin ist also sicher in der Anwendung.

Um fortzufahren, klicken Sie hier auf die Schaltfläche App autorisieren .

authorize twitter read only access.jpg

Danach schickt Twitter Feed Pro Sie zurück zu Ihrer Website, damit Sie die Quelle für Ihren Twitter-Feed hinzufügen können.

Diese Quelle kann je nach Feed-Typ ein Twitter-Profil, ein Hashtag, ein Suchbegriff, eine Twitter-Liste und mehr sein.

Geben Sie einfach die Quelle in das Popup-Fenster ein und klicken Sie dann auf Weiter.

Wählen Sie die Hashtags für Ihren Twitter-Feed

Da wir einen Hashtag-Twitter-Feed erstellen, verwenden wir hier den Hashtag "KEEB_PD" als Quelle.

Jetzt können Sie zum nächsten Schritt übergehen und anpassen, wie die Tweets auf Ihrer Website erscheinen.

Schritt 4: Passen Sie Ihre Tweets an

Um Ihren Twitter-Feed ganz einfach anzupassen, können Sie eine Feed-Vorlage auswählen, die Sie mit einem einzigen Klick importieren können.

Sie haben 7 Futtervorlagen mit einzigartigen Designs zur Auswahl:

  • Standard
  • Gemäuer
  • Einfaches Karussell
  • Einfache Karten
  • Schaufenster-Karussell
  • Neueste Tweets
  • Widget

Wählen Sie einfach eine Twitter-Feed-Vorlage aus, die Sie bevorzugen, und klicken Sie dann auf Weiter.

Wählen Sie eine Feed-Vorlage

Jetzt können Sie mit dem Live-Feed-Anpassungsprogramm das Design Ihres Twitter-Feeds mit nur wenigen Klicks ändern.

Mit den Optionen auf der linken Seite können Sie Ihr Feed-Layout, das Header-Design, die Lightbox-Option, das Farbschema und vieles mehr auswählen.

Und auf der rechten Seite haben Sie eine Live-Vorschau Ihres Twitter-Feeds, damit Sie Ihre Änderungen verfolgen können.

live feed editor twitter feed pro visuelle vorschau

Sind Sie bereit, Ihre Tweets zu personalisieren?

Suchen Sie die Option Feed-Layout auf der linken Seite und klicken Sie darauf, um die Anpassung zu starten.

Wählen Sie die Feed-Layout-Option Twitter-Feed erstellen

Sie können hier zwischen verschiedenen Feed-Layouts wählen, um zu steuern, wie die Tweets auf Ihrer WordPress-Website erscheinen.

Hier gibt es 3 Layouts: Liste, Karussell und Masonry.

Feed-Layout-Optionen Twitter-Aggregator

Bei Verwendung des Listenlayouts werden Ihre Tweets in einer einzigen Spalte angezeigt, wie auf der offiziellen Twitter-Website.

Außerdem werden Ihre Tweets auf diese Weise besser sichtbar.

listenlayout twitter feed pro

Als Nächstes können Sie das Mauerwerk-Layout wählen, das Tweets mit verschiedenen Spalten zeigt.

So können Sie eine Vielzahl von Tweets gleichzeitig auf Ihrer Website einbetten.

mauerwerk layout twitter feed

Schließlich gibt es noch das Karussell-Layout , das Ihre Tweets in ein Twitter-Karussell oder einen Slider verwandelt.

Auf diese Weise können Sie Ihre Website ansprechender und interaktiver gestalten.

Karussell-Layout Twitter

Nachdem Sie die Feed-Layout-Option ausgewählt haben, klicken Sie oben auf die Schaltfläche Speichern .

Klicken Sie anschließend auf die Schaltfläche Anpassen , um zu den Hauptanpassungsoptionen zurückzukehren.

zurück zum Hauptmenü Live Feed Editor

Von hier aus können Sie das Design Ihres Twitter-Feeds weiter verändern.

Um die Farben Ihrer Tweets zu bearbeiten, klicken Sie auf die Option Farbschema auf der linken Seite.

Wählen Sie die Farbschema-Option Twitter-Feed

Hier sehen Sie die 4 Farbschemata, die Sie für Ihre Tweets auswählen können:

  • Vom Theme erben: Verwenden Sie die gleichen Farben wie Ihr WordPress-Theme
  • Hell: Zeigt einen hellen Hintergrund und eine dunkle Schriftfarbe
  • Dunkel: Wählen Sie eine helle Schriftfarbe zusammen mit einem dunklen Hintergrund.
  • Benutzerdefiniert: Wählen Sie manuell alle Ihre Farben selbst aus
Farbschema-Optionen für Ihren Twitter-Feed

Wählen Sie das von Ihnen bevorzugte Farbschema aus dieser Liste aus und klicken Sie dann auf Speichern.

Nun können Sie die restlichen Anpassungsoptionen nutzen, um das Design Ihrer Tweets zu wählen. Sie können den Stil der Kopfzeile, das Design der Schaltflächen, die Anzahl der Tweets, die Größe des Feeds und vieles mehr festlegen.

Klicken Sie abschließend auf die Schaltfläche Speichern, wenn Sie mit dem Design Ihres Twitter-Feeds zufrieden sind.

Danach ist es an der Zeit, zum letzten Schritt überzugehen und diese Tweets zu Ihrer Website hinzuzufügen.

Schritt 5: Tweets auf Ihrer Website einbetten

Mit Twitter Feed Pro haben Sie 2 Möglichkeiten, Ihre Tweets auf Ihrer Website einzubinden:

  • Tweets in eine Webseite einbetten
  • Tweets in die Seitenleiste oder Fußzeile einer Website einbetten

Tweets in eine Webseite einbetten

Mit dem Live-Feed-Editor können Sie Ihre Tweets mit nur wenigen Klicks einbetten - ohne eine einzige Codezeile anfassen zu müssen.

Klicken Sie oben auf die Schaltfläche Einbetten , um loszulegen.

Live-Feed-Editor einbetten Schaltfläche Twitter

Als Nächstes wird ein Popup-Fenster angezeigt, das alle Optionen zum Einbetten Ihres Twitter-Feeds enthält.

Um fortzufahren, klicken Sie hier auf Zu einer Seite hinzufügen .

zu einer Seite hinzufügen

Das Popup zeigt Ihnen dann eine Liste aller WordPress-Seiten, die Sie auf Ihrer Website haben.

Wählen Sie einfach die Seite aus, auf der Sie die Tweets anzeigen möchten, und klicken Sie dann auf Hinzufügen.

Twitter-Feed zu einer neuen Seite hinzufügen

Dadurch wird die Seite im WordPress-Editor geöffnet.

Von dort aus können Sie einen neuen Inhaltsblock hinzufügen, indem Sie auf das Plus-Symbol (+) klicken.

neuen Wordpress-Block hinzufügen

Verwenden Sie hier die Suchleiste oben, um nach dem Block "Twitter-Feed" zu suchen.

Klicken Sie schließlich auf den Twitter-Feed-Block unten, um Ihre Tweets einzubetten.

Twitter-Feed auf Ihrer Wordpress-Website einbetten

Um Ihre Änderungen zu bestätigen, klicken Sie oben auf die Schaltfläche Aktualisieren, und schon sind Sie fertig!

Öffnen Sie nun Ihre Website, und Sie können sehen, wie die Tweets aussehen.

twitter feed auf website beispiel

Sehen wir uns nun die nächste Möglichkeit an, wie Sie Tweets auf Ihrer Website einbetten können.

Zusätzlich zum Hinzufügen von Tweets zu Ihrer Seite können Sie die Tweets auch in Ihrer Seitenleiste oder Fußzeile als Twitter-Widget anzeigen.

Wie zuvor können Sie den Live-Feed-Editor verwenden, um die Tweets einzubetten.

Um Ihren Twitter-Feed erneut im Live-Feed-Editor zu öffnen, navigieren Sie in Ihrem WordPress-Dashboard zum Menü Twitter-Feed " Alle Feeds .

Klicken Sie dann auf den Twitter-Feed, den Sie einbetten möchten.

Hashtag-Twitter-Feed öffnen

Sie können Ihre Tweets jetzt wieder im Live-Feed-Editor sehen.

Um fortzufahren, klicken Sie auf die Schaltfläche " Einbetten" am oberen Rand - genau wie zuvor.

Live-Feed-Editor einbetten Schaltfläche Twitter

In dem Popup können Sie auswählen, wo Sie Ihre Tweets einbetten möchten.

Diesmal klicken Sie auf die Schaltfläche Zu einem Widget hinzufügen , um fortzufahren.

Twitter-Feed zum Widget hinzufügen

Dadurch wird die Widgets-Seite Ihrer WordPress-Website geöffnet, so dass Sie Ihr neues Twitter-Widget einbetten können.

Um Ihre Tweets zu Ihrer Seitenleiste hinzuzufügen, klicken Sie auf das Feld Seitenleiste .

Sidebar-Panel öffnen

Wenn Sie stattdessen Tweets in der Fußzeile anzeigen möchten, klicken Sie auf ein Fußzeilenfeld .

Für dieses Twitter-Feed-Beispiel verwenden wir die WordPress-Seitenleiste.

Fußzeilen-Panel öffnen

Klicken Sie auf das Plus-Symbol (+) am unteren Rand, um ein neues Widget zu Ihrer Seitenleiste oder Fußzeile hinzuzufügen.

Klicken Sie dann auf Twitter-Feed, um Ihren neuen Twitter-Feed einzubetten.

ein Twitter-Feed-Widget zu Wordpress hinzufügen

Klicken Sie abschließend auf die Schaltfläche Aktualisieren, um Ihr neues Twitter-Feed-Widget zu bestätigen, und Sie sind fertig.

Sie können nun Ihre Website öffnen und Ihre Tweets im Widget-Bereich anzeigen lassen.

Twitter-Feed in die Wordpress-Seitenleiste einbetten

Und das war's!

Jetzt wissen Sie, wie Sie Tweets auf einfache Weise in Ihre Website einbinden können. So können Sie ganz einfach Ihre Twitter-Fangemeinde vergrößern, Ihre Besucher einbinden und Ihren Umsatz steigern.

Und das Beste daran? Mit dem Twitter Feed Pro Plugin können Sie all das mit ein paar einfachen Klicks erledigen - ohne eine einzige Zeile Code anfassen zu müssen.

Möchten Sie mit dem Einbetten von Tweets beginnen? Holen Sie sich Ihr Exemplar von Twitter Feed Pro hier.

Wenn Sie schon einmal hier sind, können Sie sich auch unsere Liste der besten Möglichkeiten zur Steigerung Ihres Twitter-Engagements ansehen.

Wenn Ihnen dieser Artikel geholfen hat, folgen Sie uns auf X (Twitter) und Facebook und bleiben Sie dran für weitere Tipps und Tricks zum Social-Media-Marketing.

Autorenavatar
Sajjan Sharma Leitende Autorin
Sajjan schreibt seit über 10 Jahren über WordPress, Social Media Marketing und Online-Unternehmen. Seine beruflichen Interessen umfassen auch Influencer Marketing, Content Curation und digitale Marketingstrategien.

Einen Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte denken Sie daran, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und sinnvolles Gespräch führen.