Social Feed für TYPO3

Social Media Feeds auf der Website sehen gut aus, brechen aber regelmässig 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ässig, schränken Zugriffsrechte ein oder stellen kostenlose Endpunkte komplett ein. Twitter/X hat 2023 den freien API-Zugang abgeschafft und verlangt seitdem mindestens 100 USD/Monat 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 die bekannteste TYPO3-Extension für Social Media Feeds. Sie unterstützt Instagram, Facebook und Twitter/X, 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 externen Requests beim Seitenaufruf, keine Tracking-Pixel, schnellere Ladezeit.

Eventseiten mit Live-Feed. Konferenzen, Messen oder Firmenfeiern nutzen einen Hashtag (z.B. #GosignSummit2026). Der Feed zeigt alle öffentlichen Posts mit diesem Hashtag in Echtzeit (oder nahezu Echtzeit mit 5-Minuten-Caching). Die Moderation erfolgt im TYPO3-Backend: Einzelne Posts können ausgeblendet werden, bevor sie auf der Website erscheinen.

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ässig 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: Grid (3-4 Spalten), Masonry, Slider (per eigener JavaScript-Einbindung). 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: Einen Cronjob einrichten, der den Token automatisch per API-Call verlängert (der Endpunkt GET /oauth/access_token?grant_type=fb_exchange_token gibt einen neuen Token zurück). pxa_social_feed bietet seit Version 4.x eine Token-Refresh-Funktion im Backend.

Twitter/X-Feed funktioniert nach API-Umstellung nicht mehr. Seit 2023 ist die Twitter/X API kostenpflichtig. Der Basic-Tarif (100 USD/Monat) erlaubt 10.000 Tweets/Monat lesen. Für die meisten Unternehmenswebsites reicht das, aber 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össen. pxa_social_feed speichert standardmässig die von der API gelieferte Version. Lösung: In der Extension-Konfiguration die Bildgrösse auf “original” setzen und im Fluid-Template 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.