Social Share Buttons for TYPO3

Social Share Buttons als Extension include in den meisten TYPO3-Projekten überflüssig

Die Idee ist simpel: Besucher sollen Inhalte mit einem Klick auf LinkedIn, X oder Facebook teilen können. insign_share_buttons liefert genau das als TYPO3-Extension - Buttons für verschiedene Netzwerke, konfigurierbar im Backend. Doch die Realität zeigt: Für ein Feature, das im Kern aus fünf HTML-Links besteht, ist eine vollständige Extension mit eigener Konfiguration, TypoScript-Setup und Update-Pflicht in den meisten Fällen Overhead. Gosign empfiehlt stattdessen native Share-Links, die in 15 Minuten implementiert sind und keine Abhängigkeit erzeugen.

Das gilt besonders seit der GDPR: Viele Social-Share-Extensions laden im Hintergrund JavaScript von den Netzwerken nach, was ohne Consent-Abfrage datenschutzwidrig ist. Reine URL-basierte Share-Links umgehen dieses Problem vollständig, weil sie erst beim Klick eine Verbindung zum jeweiligen Netzwerk aufbauen. data protection officer prüfen Share-Buttons regelmässig bei Website-Audits, und eine Extension, die ungefragt externe Scripte lädt, fällt dabei als Befund auf.

Typical use cases beschränken sich auf redaktionell gepflegte Inhalte

Das Standardszenario ist die Unternehmenswebsite mit Blog oder Magazin. Redakteure wollen unter jedem Artikel Buttons für LinkedIn, X, Facebook und E-Mail anzeigen. insign_share_buttons ermöglicht das über ein Content-Element, das in die Seitenvorlage eingebaut wird. Die Extension liest Titel und URL der aktuellen Seite aus und generiert daraus die Share-URLs.

Ein zweites Szenario betrifft Intranet-Portale, in denen Mitarbeitende interne News über Teams oder Slack teilen sollen. Hier ist die Extension tatsächlich nützlicher als bei öffentlichen Websites, weil die GDPR-Problematik innerhalb eines Unternehmens anders bewertet wird und die Konfiguration der Share-Ziele über das Backend gepflegt werden kann.

Drittes Szenario: Websites mit Employer-Branding-Fokus, auf denen Stellenausschreibungen über Social Media verbreitet werden sollen. Die Share-Buttons werden gezielt auf Karriereseiten eingesetzt, damit Mitarbeitende offene Stellen in ihrem Netzwerk teilen können. Die Conversion-Rate dieser Buttons liegt nach Erfahrungswerten bei 0,5 bis 2% der Seitenbesucher. Bei LinkedIn sind die Klickraten auf geteilte Stellenausschreibungen dabei doppelt so hoch wie bei allgemeinen Unternehmens-News, was dieses Szenario zum effektivsten Einsatzfall für Social Share Buttons macht.

Technical architecture ist ein simples Content-Element mit TypoScript-Konfiguration

insign_share_buttons registriert ein Content-Element in TYPO3, das über die Seitenvorlage oder als Plugin eingefügt wird. Die Konfiguration definiert, welche Netzwerke angezeigt werden, ob Icons oder Text-Labels verwendet werden und ob Zähler eingeblendet werden sollen. Das Rendering erfolgt über Fluid-Templates, die im Site-Package überschreibbar sind.

Die Share-URLs werden serverseitig generiert und folgen dem Standard-Schema der jeweiligen Netzwerke: https://www.linkedin.com/sharing/share-offsite/?url= plus die encodierte Seiten-URL für LinkedIn, https://twitter.com/intent/tweet?url= für X. Meta-Daten wie Titel und Beschreibung werden aus den Seiteneigenschaften oder den OpenGraph-Tags ausgelesen.

Die Extension hat keine nennenswerten Abhängigkeiten ausser dem TYPO3-Core. Es gibt kein JavaScript-Laden von externen Domains, solange die Zähler-Funktion deaktiviert bleibt. Wird die Zähler-Funktion aktiviert, werden API-Calls zu den Netzwerken ausgelöst, was wiederum eine Consent-Abfrage erfordert.

Ein technisches Detail, das oft übersehen wird: Die Share-URL muss URL-encodiert sein, damit Sonderzeichen in Seitentiteln (Umlaute, kaufmännisches Und, Anführungszeichen) korrekt an die Netzwerke übergeben werden. Die Extension kümmert sich um dieses Encoding automatisch, was bei manuellen Share-Links ein häufiger Fehler ist.

Common problems include GDPR-Verstösse, fehlende OpenGraph-Tags und Styling-Konflikte

Problem eins: Datenschutz. Viele Installationen haben die Zähler-Funktion aktiv, die ohne Cookie-Consent personenbezogene Daten an US-Server überträgt. Die Lösung: Zähler deaktivieren und ausschliesslich URL-basierte Share-Links verwenden, die erst beim Klick eine Verbindung aufbauen. Noch besser: Die Extension komplett durch native Share-Links ersetzen, die als Fluid-Partial im Site-Package liegen.

Problem zwei: Fehlende oder falsche OpenGraph-Tags. Wenn die TYPO3-Seite keine og:title und og:description meta-Tags liefert, zeigen LinkedIn und Facebook beim Teilen eine leere Vorschau oder ziehen sich zufällige Textfragmente. Die Lösung ist nicht in der Share-Extension, sondern in der SEO-Konfiguration der Seite: OpenGraph-Tags müssen in der Seitenvorlage korrekt gesetzt sein.

Problem drei: Styling-Konflikte zwischen den mitgelieferten CSS-Styles der Extension und dem Corporate Design. Die Extension bringt eigene Stylesheets mit, die mit bestehenden Button-Styles kollidieren können. Die saubere Lösung: Das Extension-CSS deaktivieren und die Buttons über das eigene Site-Package-Stylesheet stylen.

Ein weiteres Problem, das oft erst spät auffällt: fehlende WhatsApp-Share-Unterstützung. Auf Mobilgeräten ist WhatsApp der meistgenutzte Share-Kanal, aber nicht jede Extension unterstützt den WhatsApp-Share-Link nativ. Die manuelle Ergänzung ist trivial (https://api.whatsapp.com/send?text={url}), muss aber explizit eingebaut werden.

Die Extension works unter TYPO3 v12, ein Neubau ist aber wirtschaftlicher

insign_share_buttons ist mit TYPO3 v12 kompatibel. Für TYPO3 v13 hängt die Verfügbarkeit vom Maintainer ab. Gosign empfiehlt bei einer Migration auf v12 oder v13, die Extension durch ein einfaches Fluid-Partial zu ersetzen. Fünf Zeilen HTML pro Netzwerk, keine Extension-Abhängigkeit, keine Update-Pflicht, volle GDPR compliance. Der Aufwand für diese Umstellung liegt bei ein bis zwei Stunden inklusive Styling und Testing aller Netzwerk-Links. Bei Gosign setzen wir diesen Ansatz standardmässig in allen neuen TYPO3-Projekten ein und pflegen ein Partial-Template-Set für LinkedIn, X, Facebook, WhatsApp und E-Mail, das in jedes Sitepackage integrierbar ist.