Wie bette ich einen Twitter/X-Feed auf einer Website ein?

Was ist ein eingebetteter Social-Media-Feed?

Ein eingebetteter Social-Media-Feed ist eine Live-Anzeige von Inhalten, die direkt auf deine Website übertragen werden. Anstatt Bilder oder Texte manuell aktualisieren zu müssen, aktualisiert sich der Feed automatisch, sobald neue Inhalte auf den verknüpften Plattformen veröffentlicht werden. Das umfasst Instagram-Posts, LinkedIn-Updates, TikTok-Videos, Hashtag-Ergebnisse und vieles mehr – alles gebündelt in einem einzigen Widget auf deiner Seite.

Marken nutzen diese Feeds auf unterschiedlichste Weise. Zum Beispiel auf Karriereseiten, um echte Unternehmenskultur zu zeigen. Oder auf Produktseiten, um authentische Kundeninhalte zu präsentieren. Auch auf Startseiten sind sie beliebt, um statische Grafiken durch lebendige Aktivitäten der Community zu ersetzen. Da sich die Inhalte ständig ändern, wirkt deine Seite immer aktuell – ganz ohne ständigen Aufwand für dein Team.

So bettest du einen Social-Media-Feed auf deiner Website ein

Hier sind die Schritte, egal welchen Website-Baukasten du verwendest:

1. Wähle einen Social-Media-Aggregator. Das ist die Plattform, die Inhalte aus verschiedenen sozialen Netzwerken sammelt und einen einzigen Einbettungscode für deine Website erstellt. Wähle einen Anbieter, der deine genutzten Plattformen unterstützt und eine Inhaltsmoderation bietet. So kannst du filtern, was öffentlich zu sehen ist, bevor es live geht.

2. Erstelle einen Feed. Erstelle einen neuen Feed oder eine „Wall“ innerhalb des Aggregators. Das ist der Container, der deine Inhaltsquellen und Anzeigeregeln zusammenhält. Gib ihm einen eindeutigen Namen, damit du später nicht den Überblick verlierst.

3. Verbinde deine Social-Media-Quellen. Verknüpfe die Plattformen, von denen du Inhalte beziehen möchtest. Je nachdem, was der Aggregator unterstützt, können das Instagram, LinkedIn, TikTok, X (Twitter), YouTube, Facebook oder andere sein. Richte jede Quelle über Hashtags, Profile, Keywords oder eine Kombination daraus ein. Du kannst auch mehrere Quellen in einem einzigen Feed bündeln.

4. Konfiguriere Moderation und Filter. Lege fest, was sofort veröffentlicht werden darf und was erst abgesegnet werden muss. Erstelle Listen mit Schlagworten, Spam-Filtern und (falls verfügbar) Sentiment-Filtern. Wenn du öffentliche Seiten nicht moderierst, wirst du das früher oder später bereuen.

5. Hol dir den Einbettungscode. Sobald dein Feed steht und mindestens eine Quelle aktiv ist, generiert der Aggregator einen Code-Schnipsel oder einen iFrame-Einbettungscode in JavaScript. Kopiere diesen einfach.

6. Binde den Code auf deiner Website ein. Füge den Code an der Stelle in das HTML deiner Website ein, an der der Feed erscheinen soll. Die meisten Website-Baukästen haben dafür einen speziellen Block, der den Code direkt schluckt. Bei WordPress nutzt du einfach ein benutzerdefiniertes HTML-Widget oder einen Shortcode. Da die Server des Aggregators den Feed bereitstellen, muss deine Seite lediglich das Container-Element laden.

Welche Website-Plattformen unterstützen die Einbettung von Social-Media-Feeds?

So gut wie alle, da der Einbettungscode auf Standard-HTML oder JavaScript basiert. Im Einzelnen:

• WordPress – über einen benutzerdefinierten HTML-Block, ein Sidebar-Widget oder einen Shortcode, je nach Aggregator
• Webflow – benutzerdefinierte Einbettungs-Komponente, die du einfach irgendwo auf die Arbeitsfläche ziehst
• Squarespace – Code-Injection in den Seiteneinstellungen oder ein Einbettungs-Block im Seiteneditor
• Wix – HTML-iFrame-Widget aus dem „Elemente hinzufügen“-Bereich
• Shopify – benutzerdefinierte Liquid-Abschnitte oder Theme-Code, je nach Setup
• SharePoint und Confluence – HTML-Webpart oder Makro, praktisch für interne Feeds
• Eigene HTML/CSS-Seiten – füge den Schnipsel direkt in das Seitentemplate ein

Der Aggregator übernimmt das komplette Daten-Fetching, Caching und die Anzeige-Logik. Deine Seite muss nur noch das darstellen, was sie geliefert bekommt.

Fehler, die du beim Einbinden eines Social-Media-Feeds auf deiner Website vermeiden solltest

Das sind die häufigsten Stolperfallen: Überhaupt nicht moderieren. Wenn du einen Live-Hashtag-Feed mit einer öffentlichen Kampagne verknüpfst, landet früher oder später garantiert etwas auf deiner Seite, das du da nicht haben willst.

Richte Filter ein und gib bei besonders wichtigen Seiten die Inhalte manuell frei, bevor sie live gehen.

Zu viele Quellen auf einmal anzapfen. Fang lieber mit ein oder zwei Plattformen an. Mehr Quellen bedeuten mehr Rauschen, und wenn die Inhalte optisch nicht zusammenpassen, wirkt das Ganze schnell unruhig.

Mobile Responsiveness ignorieren. Der Großteil des Web-Traffics kommt von mobilen Geräten. Wenn sich der Feed auf kleinen Bildschirmen nicht sauber anpasst, schadet das deinem Layout und treibt die Absprungrate in die Höhe.

Kein Check auf Barrierefreiheit und Compliance. Die meisten Social-Aggregation-Widgets sind weder barrierefrei noch rechtskonform – prüfe das also unbedingt, bevor du dich für ein Tool entscheidest.

Viele günstige Social-Media-Aggregator-Apps decken zwar die Basics ab, scheitern aber oft bei Compliance, Moderation und Zuverlässigkeit. Solche Lücken können bei wichtigen Live-Events oder im geschäftlichen Einsatz schnell zum Problem werden.

So geht Walls.io das an
Der Social-Media-Feed von Walls.io zeigt Inhalte in Echtzeit, hält deine Besucher auf dem Laufenden, unterstützt über 14 Plattformen und lässt dich Inhalte moderieren, bevor sie auf deiner Seite landen. Das Widget ist standardmäßig responsiv, barrierefrei, DSGVO- und CCPA-konform und lässt sich ohne eine Zeile CSS perfekt an dein Branding anpassen. Die Einrichtung dauert keine 15 Minuten. Hier geht's zur Demo →