Die Anzeige von Suchergebnissen von X (ehemals Twitter) auf Ihrer Website ist eine wirkungsvolle Methode, um sozialen Beweis zu erbringen und Ihre Inhalte frisch zu halten.
Es fesselt Ihre Besucher, indem es ihnen zeigt, was andere gerade über Ihre Marke oder Ihr Thema sagen.
Aber herauszufinden, wie man das macht, kann sich ein bisschen technisch anfühlen. Sie könnten sich Sorgen machen, dass es eine komplexe Programmierung oder den Umgang mit der offiziellen X-API erfordert.
Zum Glück gibt es einen viel einfacheren Weg. In dieser Anleitung zeige ich Ihnen in fünf einfachen Schritten, wie Sie X (Twitter)-Suchergebnisse ohne Code direkt in Ihre WordPress-Website einbetten.
Was wir behandeln werden:
Warum Twitter-Suchergebnisse auf Ihrer Website anzeigen?
- Bauen Sie sozialen Beweis auf: Wenn Besucher positive Tweets über Ihre Marke oder Branche sehen, schafft das sofortige Glaubwürdigkeit und Vertrauen, noch bevor sie Ihren Hauptinhalt lesen.
- Halten Sie Ihre Inhalte frisch: Die Such-Feeds werden regelmäßig mit neuen Tweets aktualisiert, so dass Ihre Website immer aktuelle Konversationen zeigt, ohne dass Sie manuell Inhalte hinzufügen müssen.
- Mehr Engagement: Interaktive soziale Inhalte regen Besucher dazu an, durch Tweets zu scrollen und auf interessante Beiträge zu klicken, wodurch sie länger auf Ihrer Seite bleiben.
- Präsentieren Sie Ihre Branchenkompetenz: Indem Sie Tweets zu Ihren Branchenthemen anzeigen, positionieren Sie sich als mit den aktuellen Trends und Gesprächen in Ihrem Bereich verbunden.
- Zeigen Sie authentische Inhalte: Echte Tweets von echten Menschen fühlen sich echter an als herkömmliche Testimonials oder Marketingtexte, was Ihre Marke sympathischer und vertrauenswürdiger erscheinen lässt.
Der einfachste Weg, X (Twitter) Suchergebnisse auf Ihrer Website einzubetten
Lassen Sie mich ehrlich sein, was die traditionellen Methoden zum Hinzufügen von Twitter-Inhalten auf Ihrer Website angeht. Der manuelle Ansatz ist frustrierend und zeitaufwändig.
Sie müssen die einzelnen Tweets, die Sie anzeigen möchten, finden, ihre Einbettungscodes einzeln kopieren und sie in Ihre WordPress-Beiträge oder -Seiten einfügen.
Das ist genau der Grund, warum es Twitter Feed Pro von Smash Balloon gibt.
Es übernimmt die gesamte technische Komplexität und bietet Ihnen eine einfache, visuelle Möglichkeit, professionelle Twitter-Feeds zu erstellen.
Hier ist, was Twitter Feed Pro zur klugen Wahl macht:
- Sie können schöne Twitter-Feeds mit einer einfachen Point-and-Click-Schnittstelle erstellen, die jeder beherrschen kann.
- Alle Ihre Feeds werden automatisch mit neuen Tweets aktualisiert, so dass Ihre Inhalte ohne manuelle Arbeit auf dem neuesten Stand bleiben.
- Das Plugin optimiert die Ladegeschwindigkeit, indem es Tweet-Daten effizient speichert und so eine Verlangsamung Ihrer Website verhindert.
- Sie können Twitter Live-Übertragungen, Timeline-Feeds, Hashtag-Feeds, Suchergebnisse oder Listen anzeigen.
- Alle Twitter-Feeds passen sich so an, dass sie auf allen Geräten perfekt aussehen und kopieren sogar automatisch das Design Ihrer Website.
- Sie können Vorlagen importieren oder den Live-Customizer verwenden, um das Aussehen Ihrer Tweets auf Ihrer Website zu ändern.
- Holen Sie sich Hilfe von WordPress-Experten, die sich sowohl mit dem Plugin als auch mit der Integration sozialer Medien auskennen.
Und das Beste daran?
Sie müssen sich nicht mehr mit komplizierten API-Schlüsseln oder Entwicklereinstellungen herumschlagen. Twitter Feed Pro kümmert sich automatisch um all diese technischen Verbindungen.
Probieren Sie Twitter Feed Pro hier aus, und Sie werden sehen, wie einfach die Integration von Twitter sein kann.
Was Sie brauchen, bevor Sie anfangen
Bevor wir uns mit dem Einbetten von Twitter-Suchergebnissen beschäftigen, sollten Sie sicherstellen, dass Sie alles vorbereitet haben. Dies wird dazu beitragen, dass der Prozess reibungslos und ohne Schluckauf abläuft.
Das brauchen Sie dazu:
- Admin-Zugang zu Ihrem WordPress-Dashboard (WordPress.org, nicht .com)
- Jedes aktive Twitter/X-Konto (sogar ein einfaches kostenloses Konto funktioniert perfekt)
- Das Twitter Feed Pro Plugin von Smash Balloon
- Etwa 5 Minuten Ihrer Zeit
Einbetten von X (Twitter)-Suchergebnissen auf Ihrer Website
Sind Sie bereit, loszulegen? Befolgen Sie einfach die folgenden 5 Schritte, und Sie können einen schönen Feed mit Twitter-Suchergebnissen auf Ihrer Website haben.
Schritt 1: Installieren und Aktivieren von Twitter Feed Pro
Da wir die einfache Methode verwenden, können Sie das Twitter Feed Pro Plugin hier erhalten.
Nachdem Sie das Plugin haben, installieren und aktivieren Sie es auf Ihrer Website(siehe unsere Anleitung für Anfänger).
Schritt 2: Erstellen Sie Ihren neuen Twitter-Such-Feed
In Ihrem WordPress-Dashboard wird ein neues Menü mit der Bezeichnung Twitter Feed angezeigt.
Um fortzufahren, öffnen Sie das Menü Twitter Feed " Alle Feeds und klicken Sie dann auf Neu hinzufügen.
Danach werden Ihnen mehrere Feed-Typen angezeigt, aus denen Sie wählen können.
Es werden Optionen wie Twitter-Timeline-Feed, Hashtag-Feed, Listen-Feed und die von uns gewünschte Option - Such-Feed - angezeigt.
Wählen Sie den Typ des Such-Feeds und klicken Sie auf Weiter.
Schritt 3: Autorisieren Sie das Plugin mit Ihrem Twitter-Konto
Wenn Sie zum ersten Mal einen Twitter-Feed erstellen, wird ein Popup-Fenster angezeigt, mit dem Sie Ihr Twitter-Konto verbinden können.
Dadurch kann das Plugin die Tweets abrufen und Ihren Twitter-Suchergebnis-Feed auf dem neuesten Stand halten.
Um fortzufahren, klicken Sie auf die Schaltfläche Verbinden .
Danach werden Sie zu Twitter weitergeleitet, wo Sie Ihrem Twitter-Konto nur Lesezugriff gewähren können.
Dort können Sie auch die genauen Berechtigungen einsehen.
Klicken Sie einfach auf die Schaltfläche App autorisieren , um fortzufahren.
Das Plugin bringt Sie zurück zu Ihrer Website. Da Sie nun mit Twitter verbunden sind, können Sie neue Feeds erstellen, ohne Ihre Website zu verlassen.
Hinweis: Sie erteilen nur die Erlaubnis, Twitter-Informationen anzuzeigen, und das Plugin kann keine Änderungen vornehmen. Es ist also 100% sicher.
Sobald Ihr Konto verbunden ist, können Sie genau festlegen, welche Inhalte Sie anzeigen möchten.
Geben Sie in das Feld einfach den gewünschten Twitter-Suchbegriff ein und klicken Sie auf Weiter.
Ich empfehle, einen bestimmten Begriff zu wählen, damit nur relevante Twitter-Inhalte auf Ihrer Website angezeigt werden.
Schritt 4: Anpassen der Anzeige Ihres Twitter-Suchfeeds
Das ist der Punkt, an dem die Magie passiert - Sie können Ihren Twitter-Feed genau so aussehen lassen, wie Sie es wollen.
Ihre Twitter-Suchergebnisse übernehmen automatisch das Design Ihrer Website. Darüber hinaus werden Sie durch verschiedene Möglichkeiten der Anpassung geführt.
Wählen Sie Ihre Feed-Vorlage
Twitter Feed Pro bietet 7 verschiedene Vorlagen, und jede eignet sich am besten für verschiedene Arten von Websites und Layouts.
Wählen Sie eine Vorlage aus den Optionen aus und klicken Sie auf die Schaltfläche Weiter.
Ich werde für dieses Tutorial die Standardvorlage verwenden, da sie ziemlich vielseitig ist.
Nachdem Sie die Vorlage ausgewählt haben, stellt das Plugin Ihre Twitter-Suchergebnisse in einem Feed zusammen und öffnet den Live-Customizer.
Es ist ganz einfach: Verwenden Sie die Optionen auf der linken Seite, um den Twitter-Feed anzupassen, und verfolgen Sie Ihre Änderungen auf der rechten Seite.
Da es hier sehr viele Optionen gibt, werde ich ein paar der wichtigsten vorstellen, damit Sie sehen können, wie der Customizer funktioniert.
Konfigurieren des Layouts
Sie können genau steuern, wie viele Tweets in Ihrem Feed erscheinen und wie sie angeordnet werden.
Klicken Sie zunächst auf die Option Feed-Layout auf der linken Seite.
Sie sehen nun 3 Feed-Layouts, aus denen Sie wählen können:
- Liste: Ähnlich wie das Standard-Twitter-Layout mit Tweets in einer einzigen Spalte.
- Gemäuer: Verwenden Sie verschiedene Spalten und zeigen Sie viele Tweets auf einmal an.
- Karussell: Zeigen Sie die Suchergebnisse in einem Diashow-Karussell an.
Nachdem Sie das Layout ausgewählt haben, klicken Sie auf Speichern, um das neue Design zu bestätigen.
Sie können auch die Anzahl der Tweets pro Seite festlegen (ich beginne in der Regel mit 6-9 für die meisten Websites) und wählen, wie viele Zeilen oder Spalten angezeigt werden sollen.
Wenn Sie mit der Bearbeitung des Layouts fertig sind, klicken Sie auf die Schaltfläche Anpassen , um wieder zur Hauptseite zurückzukehren.
Einrichten von Feed-Kopfzeilen
Die Kopfzeile erscheint oben in Ihrem Feed, und Sie können wählen, wie sie aussehen soll, oder Ihren Feed sogar ohne Kopfzeile gestalten.
Klicken Sie zunächst auf die Option Kopfzeile auf der linken Seite.
Oben finden Sie die Option zum Aktivieren oder Deaktivieren der Kopfzeile.
Darunter können Sie zwischen 2 Kopfzeilenstilen wählen:
- Standard: Bei einem Such-Feed wird ein einfaches X-Logo angezeigt. In einem Timeline-Feed zeigt es jedoch Ihre Twitter-Informationen an.
- Text: Geben Sie eine Überschrift ein, die oben in Ihrem Twitter-Feed angezeigt werden soll.
In diesem Beispiel verwende ich den Stil Text und gebe eine Überschrift ein, die über dem Feed angezeigt wird.
Wie zuvor klicken Sie auf Speichern, um die Änderungen zu übernehmen.
Mit den verbleibenden Optionen können Sie Farbschemata, Schriftarten, Abstände, Tweet-Stil und vieles mehr anpassen, ohne eine einzige Codezeile zu berühren.
Das Beste daran ist, dass all diese Änderungen sofort in der Vorschau vorgenommen werden, so dass Sie experimentieren können, bis alles genau richtig aussieht.
Schritt 5: Integrieren Sie Ihren Twitter-Such-Feed auf Ihrer Website
Jetzt, wo Ihr Feed perfekt aussieht, ist es an der Zeit, ihn zu Ihrer Website hinzuzufügen. Mit Twitter Feed Pro können Sie dies direkt aus dem Live-Customizer heraus tun.
Klicken Sie zunächst auf die Schaltfläche " Einbetten" oben in Ihrem Twitter Customizer.
Auf dem Popup können Sie zwischen verschiedenen Einbettungsoptionen wählen und die für Sie am besten geeignete Methode finden.
- Zu einer Seite hinzufügen: Twitter-Suchergebnisse auf einer Webseite anzeigen.
- Zu einem Widget hinzufügen: Zeigen Sie Ihre Tweets in einer Seitenleiste oder Fußzeile an.
- Kopieren: Fügen Sie den Shortcode manuell hinzu, um den Feed an beliebiger Stelle einzubetten.
Für diesen Leitfaden werde ich hier auf Zu einer Seite hinzufügen klicken.
Danach sehen Sie eine Liste der veröffentlichten WordPress-Seiten auf Ihrer Website.
Wählen Sie eine Seite aus, die Sie verwenden möchten, und klicken Sie auf Hinzufügen.
Dadurch wird der Editor für die gerade ausgewählte Seite geöffnet.
Klicken Sie zunächst auf das Pluszeichen (+), um einen neuen Block hinzuzufügen.
Suchen Sie nach "Twitter Feed", um den Twitter Feed Pro-Block in der Suchleiste oben zu finden.
Klicken Sie in den Suchergebnissen auf den Twitter-Feed-Block, um ihn der Seite hinzuzufügen.
Einfach so werden Ihre Twitter-Suchergebnisse dieser WordPress-Seite hinzugefügt.
Die Widget-Methode ist ebenfalls sehr ähnlich. Sie können den Twitter-Feed-Block an einer beliebigen Stelle in Ihrer Seitenleiste oder Fußzeile einfügen, und das Plugin erledigt den Rest.
Sobald Sie die Seite aktualisiert haben, öffnen Sie sie, um zu sehen, wie Ihre neuen Twitter-Suchergebnisse aussehen.
Und das war's!
Sie haben erfolgreich gelernt, wie Sie mit Twitter Feed Pro auf einfache Weise Live-Suchergebnisse von Twitter in Ihre WordPress-Website einbetten können.
Vergessen Sie nicht, Twitter zu überwachen, um weitere passende Suchbegriffe auf Ihrer Website anzuzeigen.
Außerdem können Sie mit dem Plugin auch andere Arten von Twitter-Feeds einbetten, um Ihr Engagement zu steigern und Ihre Twitter-Präsenz noch weiter zu verbessern.
Sind Sie bereit, Twitter-Inhalte einzubinden? Holen Sie sich Twitter Feed Pro noch heute von hier!
Wenn Sie einen vollständigen Ansatz für die Integration sozialer Medien suchen, werfen Sie einen Blick auf unsere Liste der besten Social-Media-Wall-Beispiele für Ihre Website.
