Wie man aktuelle Tweets in WordPress-Blogbeiträge einbettet

Möchten Sie einzelne Tweets in Ihre WordPress-Blogbeiträge einbetten?

Indem Sie aktuelle Tweets in Ihren Blogs zitieren, bieten Sie den Lesern eine einfache Möglichkeit, sich an der Konversation zu beteiligen. Dadurch werden Ihre Artikel ansprechender und interessanter, und Sie werben gleichzeitig für Ihre Social-Media-Konten.

In diesem Artikel zeigen wir Ihnen, wie Sie aktuelle Tweets ganz einfach in Ihre WordPress-Blogbeiträge und -Seiten einbetten können.

Warum aktuelle Tweets in WordPress-Blogbeiträge einbetten?

Nach unseren Recherchen zu Marketingstatistiken ist Twitter mit über 217 Millionen monatlich aktiven Nutzern eines der größten Social Media-Netzwerke der Welt.

Heutzutage verwenden viele Websites Tweets, um ihre Blogs interessanter zu gestalten.

Sie können zwar einen Screenshot für Ihre Blogbeiträge machen, aber es ist besser, den eigentlichen Tweet, über den Sie sprechen möchten, einzubetten. So können die Leser mit dem Tweet interagieren, indem sie den Originalbeitrag kommentieren, liken und retweeten.

Da sie interaktiv sind, können eingebettete Tweets die Besucher länger auf Ihrer Website halten, die Seitenaufrufe erhöhen und die Nutzer dazu ermutigen, sich mit Ihren Inhalten zu beschäftigen und Ihnen auf sozialen Medien zu folgen.

Sie können sogar Tweets von vertrauenswürdigen Dritten einbetten, z. B. von einem Affiliate-Marketing-Partner, einem Branchen-Influencer oder einem Kunden, der etwas Positives über Ihr Unternehmen getwittert hat.

Sehen wir uns also an, wie Sie aktuelle Tweets in WordPress einbetten können. Verwenden Sie einfach die unten stehenden Links, um direkt zu der gewünschten Methode zu gelangen:

Methode 1. Tweets in WordPress einbetten ohne Plugin (schnell und einfach)

Mit dem Twitter-Block und dem WordPress-Block-Editor können Sie einzelne Tweets manuell in Ihre WordPress-Blogbeiträge einbetten.

Da diese Methode die integrierten WordPress-Tools nutzt, müssen Sie keine speziellen Plugins installieren und können sofort mit dem Einbetten von Tweets beginnen. Wenn Sie nur eine kleine Anzahl von Tweets zu Ihrer Website hinzufügen möchten, ist dies eine schnelle und einfache Methode.

Wenn Sie jedoch viele Tweets anzeigen möchten, müssen Sie mehrere URLs manuell kopieren, was sehr zeitaufwändig sein kann. Außerdem kann nur ein Tweet pro Block angezeigt werden, so dass dies keine gute Wahl ist, wenn Sie mehrere Tweets einbetten möchten.

Wenn Sie einen Social Media Feed hinzufügen möchten, der automatisch aktualisiert wird, sobald neue Tweets gepostet werden, müssen Sie stattdessen Methode 2 verwenden.

Um einen einzelnen Tweet einzubetten, gehen Sie zu Twitter und suchen Sie den Beitrag, den Sie anzeigen möchten. Dabei kann es sich um Ihren eigenen Tweet oder einen Tweet von einem anderen Konto handeln. Sie könnten zum Beispiel Beiträge von zufriedenen Kunden einbetten, da diese eine wichtige Form des sozialen Nachweises darstellen.

Klicken Sie nun einfach auf den Tweet, um ihn zu öffnen. In der Adressleiste Ihres Browsers wird die Adresse des jeweiligen Tweets angezeigt.

Sie können sich entweder die URL notieren oder den Tweet in einem separaten Tab geöffnet lassen, da Sie den Link später noch benötigen.

Wechseln Sie zurück zum WordPress-Dashboard und öffnen Sie den Blogbeitrag, in den Sie den Tweet einbetten möchten. Klicken Sie dann auf das „+“-Symbol und geben Sie „Twitter“ ein.

Wenn der richtige Block angezeigt wird, klicken Sie darauf, um ihn dem Blogeintrag hinzuzufügen.

Fügen Sie dann einfach die URL des Tweets in den „Twitter“-Block ein.

Klicken Sie anschließend auf „Einbetten“.

Im WordPress-Blockeditor wird nun der Tweet angezeigt. Danach können Sie weiter am Blog arbeiten, indem Sie Bilder, Text und andere Inhalte hinzufügen.

Wenn Sie mit dem Blog zufrieden sind, klicken Sie entweder auf „Veröffentlichen“ oder „Aktualisieren“, um die Änderungen zu aktivieren. Wenn Sie nun den Beitrag besuchen, sehen Sie den Tweet in Ihrem Blog eingebettet.

Sie können den Twitter-Block auch in einen beliebigen widgetfähigen Bereich einfügen, z. B. in die Seitenleiste oder einen ähnlichen Bereich.

Dies ist eine gute Wahl, wenn Sie denselben Tweet in mehreren Bereichen anzeigen möchten.

Eine schrittweise Anleitung finden Sie in unserem Leitfaden zum Hinzufügen und Verwenden von Widgets in WordPress.

Wenn Sie ein blockbasiertes Theme verwenden, können Sie den Twitter-Block mit dem Full-Site-Editor zu jedem beliebigen Teil Ihrer Website hinzufügen.

Dazu gehören Bereiche Ihrer Website, die Sie nicht mit dem Standard-Content-Editor bearbeiten können. Sie könnten zum Beispiel Ihre beliebtesten Tweets verwenden, um die Vorlage für die 404-Seite zu verbessern.

Methode 2. Automatisches Einbetten mehrerer Tweets mit einem Plugin (empfohlen)

Wenn Sie mehr als einen Tweet einbetten müssen, empfehlen wir die Verwendung eines Plugins zur Erstellung eines Twitter-Feeds.

Dies gibt Ihnen die Flexibilität, benutzerdefinierte Feeds mit verschiedenen Hashtags, Konten und Zeitleisten zu erstellen. Sie können diese Feeds dann zu Ihren Blogbeiträgen, Seiten oder sogar zu Widget-fähigen Bereichen wie der Seitenleiste hinzufügen.

Der einfachste Weg, einen Twitter-Feed zu erstellen, ist die Verwendung des Smash Balloon Custom Twitter Feeds Plugins. Es ist eines der besten Twitter-Plugins für WordPress und ermöglicht es Ihnen, alle Arten von Feeds zu Ihrem Blog hinzuzufügen.

Diese Feeds werden automatisch aktualisiert, so dass die Besucher immer Ihre neuesten Tweets sehen, ohne dass Sie die Website manuell bearbeiten müssen.

Da der Feed automatisch aktualisiert wird, bleibt Ihre Website auch für regelmäßige Besucher frisch und interessant. Auf diese Weise können Sie Besucher dazu ermutigen, mehr Zeit auf Ihrer Website zu verbringen, Ihren E-Mail-Newsletter zu abonnieren, ein Produkt zu kaufen und andere positive Aktionen durchzuführen.

Wenn Besucher viel Zeit damit verbringen, sich den eingebetteten Twitter-Feed anzusehen, sendet dies positive Signale an die Suchmaschinen. Dies kann Ihre WordPress-SEO verbessern.

Wie man das Twitter Feeds WordPress Plugin einrichtet

Zuerst müssen Sie das Smash Balloon Custom Twitter Feeds Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie Smash Balloon zunächst mit Ihrem Twitter-Konto verbinden, indem Sie zu Twitter Feeds “ Einstellungen gehen. Auf diesem Bildschirm klicken Sie auf die Schaltfläche „Neues Konto verbinden“.

Es erscheint nun ein Popup mit einigen Informationen zu den Inhalten, auf die Custom Twitter Feeds zugreifen können.

Wenn Sie damit einverstanden sind, klicken Sie auf „Verbinden“.

Auf dem nächsten Bildschirm sehen Sie detaillierte Informationen über die Daten, auf die Smash Balloon zugreifen kann, und über die Aktionen, die es ausführen kann.

Wenn Sie Custom Twitter Feeds diese Berechtigungen erteilen möchten, klicken Sie auf die Schaltfläche „App autorisieren“.

Wenn Sie dazu aufgefordert werden, geben Sie Ihren Twitter-Benutzernamen und Ihr Passwort ein.

Sobald die Verbindung zu Ihrem Twitter-Konto erfolgreich hergestellt wurde, kehren Sie mit Smash Balloon automatisch zum WordPress-Dashboard zurück. Damit sind Sie bereit, einen Twitter-Feed zu erstellen.

Wie man einen benutzerdefinierten Twitter-Feed in WordPress erstellt

Um einen Twitter-Feed zu erstellen, gehen Sie zu Twitter-Feeds “ Alle Feeds und klicken Sie auf „Neu hinzufügen“.

Auf diesem Bildschirm können Sie die Art des Feeds auswählen, den Sie einbetten möchten. Sie können einen Feed von jedem Twitter-Konto erstellen, auch von Konten Dritter.

Dies ist ideal, wenn Sie einen Blogbeitrag über ein anderes Unternehmen, eine andere Marke oder eine andere Person schreiben und deren neueste Tweets als Teil Ihres Beitrags anzeigen möchten.

Um Tweets von einem Drittanbieter-Konto anzuzeigen, wählen Sie „User Timeline“ und klicken Sie dann auf „Weiter“.

Geben Sie auf dem nächsten Bildschirm das @-Symbol ein, gefolgt von dem Twitter-Konto, von dem Sie die Tweets erhalten möchten.

Danach klicken Sie auf „Weiter“, um den Haupteditor für Smash Balloon zu öffnen.

Eine weitere Option ist die Anzeige von Tweets, die einen bestimmten Hashtag enthalten. Dies kann ein Hashtag sein, der sich auf Ihre Website, digitale Downloads, die Produkte, die Sie in Ihrem Online-Shop verkaufen, oder etwas anderes bezieht.

Sie können auch Hashtag-Feeds verwenden, um Tweets mit Bezug zum Thema des Blogs anzuzeigen. Wenn Sie z. B. über die neueste Fernsehserie bloggen, könnten Sie einen Hashtag-Feed erstellen, in dem Fans über die Serie sprechen.

Um einen Hashtag-Feed zu erstellen, wählen Sie „Hashtag“ und klicken Sie dann auf „Weiter“. Sie können nun den Hashtag eingeben, den Sie verwenden möchten.

Danach klicken Sie auf „Weiter“, um den Haupteditor für Smash Balloon zu öffnen.

Die letzte Option ist „Home Timeline“, die einfach den Twitter-Start-Feed Ihres Kontos einbettet. Dies ist genau derselbe Feed, den Sie sehen, wenn Sie Ihre Twitter-Startseite aufrufen, also sehen Sie dieselben Tweets, Likes und Retweets.

Dies kann nützlich sein, wenn Sie die Personen, denen Sie folgen, fördern möchten.

Wählen Sie auf dem nächsten Bildschirm das Twitter-Konto aus, das Sie im vorherigen Schritt hinzugefügt haben.

Wählen Sie dann „Weiter“, um den Smash Balloon Editor zu starten.

So passen Sie Ihren Live-Twitter-Feed an

Das Plugin für benutzerdefinierte Twitter-Feeds bietet Ihnen zahlreiche Möglichkeiten zur Feinabstimmung der Darstellung der Tweets auf Ihrer Website. Auf der rechten Seite sehen Sie eine Vorschau des Twitter-Feeds.

Auf der linken Seite sehen Sie die verschiedenen Einstellungen, mit denen Sie das Aussehen dieser Tweets auf Ihrer WordPress-Website anpassen können. Die meisten dieser Einstellungen sind selbsterklärend, aber wir werden kurz auf einige der wichtigsten Bereiche eingehen.

Um zu beginnen, klicken Sie auf ‚Feed Layout‘.

Hier können Sie die Höhe des Feeds und die Anzahl der Tweets, die Besucher zunächst sehen, ändern.

Wenn Sie mit den Änderungen zufrieden sind, klicken Sie auf den Link „Anpassen“.

Dadurch gelangen Sie zurück zum Hauptbildschirm der Smash Balloon-Einstellungen.

Die nächste Einstellung ist „Farbschema“. Standardmäßig verwendet der Feed die von Ihrem WordPress-Theme übernommenen Farben, aber Sie können stattdessen zu einem „hellen“ oder „dunklen“ Farbschema wechseln.

Sie können auch Ihr eigenes Farbschema erstellen, indem Sie „Benutzerdefiniert“ auswählen und dann die Steuerelemente verwenden, um die Hintergrundfarbe zu ändern, die Textfarbe in WordPress zu ändern und vieles mehr.

Wenn Sie die Tweets eines bestimmten Nutzers anzeigen, sollten Sie dem Feed eine Überschrift hinzufügen. Dies zeigt den Besuchern genau, woher der Inhalt stammt.

Benutzerdefinierte Twitter-Feeds können eine Standard- oder Textüberschrift zu Ihrem Feed hinzufügen.

Wählen Sie einfach „Kopfzeile“ aus dem linken Menü und klicken Sie dann auf den Schalter „Aktivieren“. Standardmäßig fügt das Plugin eine „Standard“-Kopfzeile hinzu, die den „Folgen“-Button und eine Twitter-Bio anzeigt, falls vorhanden.

Wenn Sie die Twitter-Bio ausblenden möchten, deaktivieren Sie den Schalter „Bio anzeigen“.

Eine weitere Option ist die Auswahl von „Text“, die dem Feed eine Überschrift „Wir sind auf Twitter“ hinzufügt.

Sie können diese durch Ihre eigene Nachricht ersetzen, indem Sie sie in das Feld „Text“ eingeben.

Wenn Sie mit der Botschaft zufrieden sind, können Sie die Größe und Farbe der Kopfzeile ändern.

Als Nächstes können Sie das Aussehen der einzelnen Tweets im Twitter-Feed anpassen, indem Sie „Tweets“ aus dem linken Menü auswählen.

Danach können Sie zwischen „Tweet-Stil“ und „Einzelne Elemente bearbeiten“ wählen.

Wenn Sie die Option „Tweet-Stil“ wählen, können Sie zwischen einem Kasten- und einem normalen Layout wählen.

Wenn Sie „Umrahmt“ wählen, können Sie für jeden Tweet einen farbigen Hintergrund erstellen. Sie können auch den Radius des Rahmens vergrößern, um geschwungene Ecken zu erzeugen, und einen Rahmenschatten hinzufügen.

Wenn Sie „Regelmäßig“ wählen, können Sie die Dicke und Farbe der Linie ändern, die Ihre verschiedenen Beiträge in sozialen Medien voneinander trennt.

Als Nächstes können Sie die einzelnen Elemente innerhalb jedes Beitrags anpassen, indem Sie auf „Tweets“ klicken, was Sie zum vorherigen Bildschirm zurückbringt.

Wählen Sie dieses Mal „Einzelne Elemente bearbeiten“.

Sie sehen jetzt alle verschiedenen Inhalte, die in den benutzerdefinierten Twitter-Feeds in jedem Beitrag enthalten sind, wie z. B. den Autor, den Tweet-Text, das Twitter-Logo und mehr.

Um einen Inhalt aus dem Feed zu entfernen, klicken Sie einfach auf das entsprechende Kästchen, um die Markierung zu entfernen.

Sie können auch das Aussehen jedes Inhaltstyps anpassen, indem Sie darauf klicken.

Im folgenden Bild haben wir zum Beispiel die Größe und Farbe des Tweet-Textes geändert.

Wenn Sie mit dem Aussehen der Tweets zufrieden sind, klicken Sie auf „Anpassen“, um zum Hauptbildschirm der Smash Balloon-Einstellungen zurückzukehren. Wählen Sie dieses Mal die Schaltfläche „Mehr laden“.

Die Schaltfläche „Mehr laden“ ermöglicht es Besuchern, durch weitere Tweets zu blättern, weshalb Custom Twitter Feeds sie standardmäßig hinzufügt.

Da es sich um eine so wichtige Schaltfläche handelt, möchten Sie sie vielleicht anpassen, indem Sie die Hintergrundfarbe, den Hover-Status, die Beschriftung und vieles mehr ändern, um sie an das Design Ihrer Website anzupassen.

Sie können auch den Standardtext „Mehr laden“ durch Ihre eigene Handlungsaufforderung ersetzen, indem Sie in das Feld „Text“ tippen.

Wenn Sie es vorziehen, können Sie die Schaltfläche vollständig entfernen, indem Sie auf den Schalter „Aktivieren“ klicken.

Wenn Sie mit dem Aussehen des Twitter-Feeds zufrieden sind, vergessen Sie nicht, auf „Speichern“ zu klicken. Danach können Sie den Twitter-Feed in Ihre WordPress-Blogbeiträge einbetten.

Wie man einen Twitter-Feed in WordPress-Blogbeiträge einbettet

Sie können den Feed mit dem Twitter-Feed-Block von Smash Balloon zu Ihren Blogbeiträgen hinzufügen.

Wenn Sie mehr als einen Twitter-Feed mit dem Plugin erstellt haben, müssen Sie den Code des Feeds kennen.

Um diese Informationen zu erhalten, gehen Sie zu Twitter Feeds “ All Feeds und kopieren Sie den Code in der Spalte „Shortcode“. Sie müssen diesen Code in Ihren Blogbeitrag einfügen, also notieren Sie ihn sich.

Im folgenden Bild müssen wir [custom-twitter-feeds feed=2] verwenden.

Danach öffnen Sie einfach den Blogbeitrag, in den Sie den Twitter-Feed einbetten möchten. Klicken Sie dann auf das „+“-Symbol, um einen neuen Block hinzuzufügen, und beginnen Sie mit der Eingabe von „Twitter Feed“.

Wenn der richtige Block angezeigt wird, klicken Sie darauf, um ihn dem Blogeintrag hinzuzufügen.

Der Block zeigt standardmäßig einen Ihrer benutzerdefinierten Twitter-Feeds an. Wenn Sie stattdessen einen anderen Tweet-Feed verwenden möchten, finden Sie im rechten Menü die Option „Shortcode-Einstellungen“.

Fügen Sie hier einfach den Shortcode hinzu und klicken Sie dann auf „Änderungen übernehmen“.

Der Block zeigt nun Ihren Twitter-Feed an, und Sie können den Blogbeitrag einfach veröffentlichen oder aktualisieren, um die Tweets auf Ihrer Website zu veröffentlichen. Jedes Mal, wenn Sie etwas tweeten, wird Smash Balloon diesen Feed automatisch aktualisieren.

Methode 3. Einbetten von Tweets in WordPress mit Twitter Publish (anpassbar)

Bei der nächsten Methode wird die Twitter-Veröffentlichungsfunktion verwendet, um einen Tweet in WordPress einzubetten. Der Unterschied zwischen dieser Methode und den vorherigen ist, dass sie kein Plugin verwendet, sondern es Ihnen ermöglicht, das Aussehen des eingebetteten Tweets in Ihrem Blogbeitrag anzupassen.

Kopieren Sie zunächst die URL des Tweets wie bei der ersten Methode. Gehen Sie dann zur Twitter-Veröffentlichungsseite und fügen Sie die URL in das entsprechende Feld ein.

Klicken Sie dann einfach auf das Pfeilsymbol rechts daneben.

Wählen Sie dann eine Anzeigeoption.

Da Sie einen Tweet einbetten möchten, wählen Sie die Option „Eingebetteter Beitrag“.

Darunter finden Sie eine Option zum Kopieren von Code und zum Einfügen in den Block-Editor.

Für die Zwecke dieses Tutorials müssen Sie jedoch zuerst auf den Link „Anpassungsoptionen festlegen“ klicken. Damit können Sie das Aussehen des eingebetteten Tweets anpassen, bevor Sie ihn zu Ihrem WordPress-Blogbeitrag hinzufügen.

Hier haben Sie die Möglichkeit, den dunklen Modus für Ihre Tweets zu aktivieren, die Sprache des Tweets zu ändern und die Thread-Diskussion des Tweets auszublenden.

Sie können auch die Option „Twitter nicht anpassen“ aktivieren, um zu verhindern, dass Twitter Informationen über Ihre Besucher sammelt, wie z. B. die besuchte Webseite, ihre IP-Adresse, den Browsertyp, das Betriebssystem und Cookie-Informationen.

Wenn Sie fertig sind, klicken Sie einfach auf die Schaltfläche „Aktualisieren“.

In diesem Stadium kehren Sie zur vorherigen Seite zurück, und Twitter aktualisiert den Einbettungscode entsprechend Ihren Anpassungen.

Klicken Sie hier einfach auf die Schaltfläche „Code kopieren“.

Öffnen Sie nun einfach den Block-Editor für den Beitrag, in den Sie den Tweet einbetten möchten.

Klicken Sie dann irgendwo auf der Seite auf das „+“-Symbol und wählen Sie den Block „Custom HTML“.

Fügen Sie in das HTML-Feld einfach den Code ein, den Sie zuvor kopiert haben.

So sollte es aussehen:

Wenn Sie sehen möchten, wie der eingebettete Tweet aussieht, klicken Sie einfach auf die Schaltfläche „Vorschau“ in der Symbolleiste des Blocks.

Fügen Sie dann weitere Elemente zu Ihrer Seite hinzu und klicken Sie auf die Schaltfläche „Veröffentlichen“ oder „Aktualisieren“, wenn Sie fertig sind.

Das war’s!

Weitere Tipps und Tricks zur Integration von Twitter in Ihre WordPress-Website finden Sie in diesen Artikeln:

• Hinzufügen von Twitter Share und Retweet Button in WordPress
• Wie man die Anzahl der Twitter-Follower als Text in WordPress anzeigt
• Wie man die letzten Tweets in WordPress anzeigt (Schritt für Schritt)
• Wie man kaputte Twitter-Kartenbilder in WordPress repariert
• Hinzufügen von „Click to Tweet“-Boxen in Ihren WordPress-Posts
• Wie man automatisch tweetet, wenn man einen neuen Beitrag in WordPress veröffentlicht

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man aktuelle Tweets in WordPress-Blogbeiträge einbettet. Als Nächstes sehen Sie sich unseren Leitfaden an, wie Sie mit WordPress Geld verdienen können, und unsere Expertenauswahl der besten WordPress-Facebook-Plugins, mit denen Ihr Blog wächst.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.