Social Feed für TYPO3

Social Media Feeds auf der Website sehen gut aus, brechen aber regelmäßig durch API-Änderungen

Marketing-Teams wollen Instagram-Posts, Facebook-Beiträge oder Twitter/X-Tweets auf der Firmenwebsite anzeigen. Die Idee dahinter ist nachvollziehbar: aktuelle Inhalte ohne redaktionellen Aufwand, Social Proof durch echte Posts, visuelle Aufwertung durch Bildmaterial. Die Praxis sieht anders aus. Meta, Twitter/X und TikTok ändern ihre APIs regelmäßig, schränken Zugriffsrechte ein oder stellen kostenlose Endpunkte komplett ein. Twitter/X hat 2023 den freien API-Zugang abgeschafft und verlangt seitdem Geld für Leserechte. Die Instagram Basic Display API wurde 2024 durch die Instagram Graph API ersetzt. Wer eine Social-Feed-Integration betreibt, muss diese Änderungen nachziehen oder der Feed bleibt leer.

pxa_social_feed (entwickelt von Pixelant) ist eine der bekanntesten TYPO3-Extensions für Social Media Feeds. Sie unterstützt Instagram, Facebook, Twitter/X und YouTube, speichert Feed-Daten lokal (gecacht) und rendert sie als TYPO3-Content-Element. Die Extension ist Open Source und wird Community-getrieben gepflegt.

Typische Einsatzszenarien

Corporate Websites mit Instagram-Feed auf der Startseite. Ein Unternehmen postet 3 bis 5 Mal pro Woche auf Instagram und will die neuesten 6 bis 12 Posts als Bildergalerie auf der Startseite zeigen. pxa_social_feed holt die Posts per Cron-Job (z.B. alle 30 Minuten), speichert Bilder, Captions und Links lokal und rendert sie in einem konfigurierbaren Grid. Der Vorteil gegenüber einem Embed (iframe): keine Requests an Instagram beim Seitenaufruf, keine Tracking-Pixel, schnellere Ladezeit. Ganz ohne externe Requests läuft der Feed mit dem TypoScript „Minimum“ der Extension, denn die Variante „Full“ lädt jQuery von code.jquery.com.

Eventseiten mit Live-Feed. Konferenzen, Messen oder Firmenfeiern posten live von der Veranstaltung auf ihrem eigenen Account. Der Feed zeigt diese Posts nahezu in Echtzeit, wenn der Import alle 5 Minuten läuft. Die Moderation erfolgt im TYPO3-Backend: Einzelne Posts lassen sich nach dem Import ausblenden.

Employer-Branding-Seiten. HR-Abteilungen zeigen auf der Karriereseite Einblicke aus dem Arbeitsalltag, die Mitarbeitende auf Instagram oder LinkedIn posten. Die Integration sammelt Posts von einem oder mehreren Accounts und kuratiert sie redaktionell. Besonderheit: LinkedIn bietet keine offene API für Feed-Integration, daher beschränkt sich die Automatisierung auf Instagram und Facebook.

Technische Architektur

pxa_social_feed nutzt die APIs der jeweiligen Plattformen: Instagram Graph API (über einen Facebook-App-Token), Facebook Graph API und Twitter/X API v2. Jede Plattform erfordert eigene Authentifizierung: Facebook und Instagram brauchen einen Long-Lived User Token (gültig 60 Tage, muss regelmäßig erneuert werden), Twitter/X braucht einen Bearer Token (Application-only Auth).

Die Extension speichert Feed-Daten in einer lokalen TYPO3-Tabelle (tx_pxasocialfeed_domain_model_feed). Bilder werden heruntergeladen und als FAL-Referenzen gespeichert. Beim Seitenaufruf werden nur lokale Daten gerendert, keine externen API-Calls. Ein Scheduler-Task holt neue Posts und löscht alte (konfigurierbar: letzte 50 Posts behalten, ältere entfernen).

Die Ausgabe erfolgt über Fluid-Templates, die per TypoScript konfiguriert werden. Standard-Layouts: Masonry-Grid (3-4 Spalten) und Slider (Owl Carousel), beide mit mitgeliefertem JavaScript. Das HTML/CSS kann vollständig angepasst werden, ohne den Extension-Code zu ändern.

Für DSGVO-Konformität ist der lokale Cache entscheidend: Weil Bilder und Texte auf dem eigenen Server liegen, werden beim Seitenaufruf keine Daten an Meta oder Twitter/X übermittelt. Kein Tracking-Pixel, kein Cookie-Consent nötig für den Feed selbst. Ausnahme: Wenn der “Zum Original-Post”-Link eingebaut wird, findet beim Klick eine Weiterleitung statt.

Häufige Probleme und Lösungen

Instagram Token läuft ab, Feed bleibt leer. Der Long-Lived Token hat eine Lebensdauer von 60 Tagen. Wenn niemand ihn erneuert, stoppt der Import. Lösung: Den Token vor Ablauf erneuern. Per API-Call geht das für Tokens aus dem Instagram-Login (GET /refresh_access_token?grant_type=ig_refresh_token), ein Token aus dem Facebook-Login braucht eine neue Anmeldung. pxa_social_feed nutzt den Facebook-Login: Im Backend-Modul erzeugt man den Token per Anmeldung neu, und der Import-Task meldet einen abgelaufenen Token auf Wunsch per E-Mail.

Twitter/X-Feed funktioniert nach API-Umstellung nicht mehr. Seit 2023 ist die Twitter/X API kostenpflichtig. Seit Februar 2026 rechnet X nach Verbrauch ab, 0,005 USD je gelesenem Post. Die Kosten hängen damit von der Zahl der gelesenen Posts ab, und die Kosten-Nutzen-Rechnung muss stimmen. Lösung: Prüfen, ob der Twitter/X-Feed wirklich Traffic oder Engagement bringt. Wenn nicht, den Kanal entfernen und nur Instagram/Facebook beibehalten.

Bilder werden nicht geladen oder sind verpixelt. Die Instagram Graph API liefert Bilder in verschiedenen Größen. pxa_social_feed speichert standardmäßig die von der API gelieferte Version. Lösung: Im Fluid-Template aus der gespeicherten FAL-Datei per <f:image> responsive Varianten erzeugen.

Migration und Versions-Kompatibilität

pxa_social_feed unterstützt TYPO3 v11 und v12. Die Kompatibilität mit TYPO3 v13 ist in der Community-Entwicklung (Stand April 2026), aber noch nicht offiziell freigegeben. Für Projekte auf TYPO3 v13 gibt es zwei Optionen: auf das offizielle Update warten oder eine eigene Feed-Integration als Middleware bauen, die unabhängig von der TYPO3-Version läuft.

Grundsätzlich empfiehlt Gosign, Social-Feed-Integrationen als entkoppelte Komponente zu denken: Ein Microservice oder Cloudflare Worker holt die Feeds, speichert sie als JSON, TYPO3 liest das JSON und rendert es. Damit entfällt die Abhängigkeit von einer TYPO3-Extension und jede API-Änderung wird an einer Stelle gefixt, unabhängig vom CMS.

Bei der Entscheidung, welche Social-Media-Kanäle auf der Website eingebunden werden sollen, empfiehlt Gosign eine datengetriebene Bewertung: Welcher Kanal bringt tatsächlich Engagement? Instagram-Feeds mit hochwertigen Bildern funktionieren auf Corporate Websites gut, Twitter/X-Feeds sind seit der API-Kostenpflicht für die meisten Unternehmen den Aufwand nicht wert, und Facebook-Feeds haben sinkende Relevanz, weil die organische Reichweite seit Jahren fällt. LinkedIn wäre für B2B-Unternehmen der relevanteste Kanal, bietet aber keine offene Feed-API. Die pragmatische Lösung: Instagram als Hauptkanal einbinden, LinkedIn-Beiträge manuell als TYPO3-Content kuratieren und auf Twitter/X verzichten, sofern der Kanal nicht geschäftskritisch ist.

Der Gesamtaufwand für eine Social-Feed-Integration (Instagram, gecacht, DSGVO-konform, mit Moderation im Backend) liegt bei 2 bis 5 Entwicklungstagen, je nachdem ob pxa_social_feed ausreicht oder eine Custom-Lösung nötig ist.