Shariff Social Media Share Buttons | Teilen ohne Tracking und Cookies

Auf einen Blick

• Kein Skript, kein Cookie, keine Anfrage an Facebook und Co. vor dem Klick
• 17 Buttons von WhatsApp bis Mastodon, in der Reihenfolge deiner Wahl
• Produktseite, Erlebniswelten oder Leiste am Rand: du wählst den Ort
• Passt zu deinem Theme: drei Stile, drei Größen, vier Farbschemata
• Pro Verkaufskanal schaltbar und einstellbar, ganz ohne Template-Arbeit

Eine Kundin findet in deinem Shop genau die Jacke, die ihre Schwester seit Wochen sucht. Ein Tipp auf WhatsApp, der Link ist unterwegs. So einfach soll Teilen sein. Viele Teilen-Buttons laden dafür aber schon beim Seitenaufruf Code von Facebook und Co., lange bevor irgendwer etwas teilen will.

Das Problem

Klassische Teilen-Buttons betten Skripte der Netzwerke direkt in deine Seite ein. Dann bekommen Facebook, X oder Pinterest jeden Seitenaufruf mit, auch von Besuchern, die nie auf einen Button klicken. Die meisten Shops blockieren solche Buttons deshalb hinter dem Cookie-Banner. Wer dort ablehnt, sieht graue Platzhalter oder gar nichts, und teilt am Ende auch nichts.

Die Lösung

Das Plugin baut jeden Button als ganz normalen Link, fertig auf dem Server gerendert. Dein Shop lädt kein Skript, keine Schrift und kein Bild eines Netzwerks und setzt kein Cookie. Erst wenn jemand klickt, öffnet sich die Seite des Netzwerks. Die Teilen-Links funktionieren sogar ohne JavaScript.

Was du davon hast

Die Buttons sind sofort da, auch ohne Einwilligung. Das Plugin setzt kein Cookie und lädt nichts von Dritten, dein Cookie-Banner muss für die Buttons also nichts blockieren. Auch Besucher, die im Banner alles ablehnen, können teilen.

Deine Kunden teilen dort, wo sie wirklich unterwegs sind. 17 Buttons stehen zur Wahl, von WhatsApp und Pinterest bis Bluesky, Threads und Mastodon. Mit deiner Auswahl legst du gleich die Reihenfolge fest.

Du bestimmst den Ort, ohne ein Template anzufassen. Produktseite, Erlebniswelten, Kategorieseiten oder eine Leiste über dem Footer oder fixiert am Rand: alles sind Schalter in der Plugin-Konfiguration. Checkout, Kundenkonto, Merkzettel und Suche bleiben immer frei.

Die Buttons sehen aus wie dein Shop. Drei Stile, drei Größen und vier Farbschemata, eins davon ist die Primärfarbe deines Themes. Eigenes CSS brauchst du dafür nicht.

Geteilt wird ein sauberer Link. Die Seitenadresse geht ohne Filter-, Sortier- oder Kampagnen-Parameter raus. Willst du sehen, welches Netzwerk Besucher bringt, hängt das Plugin auf Wunsch UTM-Parameter an, mit dem Dienst als Quelle.

Ein Shop, mehrere Kanäle, jeder mit eigenen Regeln. Jede Einstellung gilt pro Verkaufskanal. Im B2C-Kanal zeigst du WhatsApp und Pinterest, im B2B-Kanal LinkedIn und XING, oder du schaltest die Buttons dort ganz ab.

So arbeitet das Plugin

Nach der Installation erscheinen die Buttons auf jeder Produktseite unter der Produktnummer und unter dem Inhalt von Shopseiten und Landingpages. Voreingestellt sind Facebook, X, Pinterest, WhatsApp, Telegram, E-Mail und Link kopieren. Alles Weitere stellst du in der Plugin-Konfiguration ein:

• Dienste: 13 Netzwerke und Messenger, dazu Teilen per E-Mail, Drucken, Link kopieren und der Teilen-Dialog des Geräts.
• Darstellungsorte: Produktseite unter der Produktnummer oder unter dem Kaufen-Button, Shopseiten und Landingpages, Kategorieseiten, Startseite ein oder aus.
• Globale Leiste: über dem Footer oder fixiert am linken, rechten oder unteren Rand, mit Abstand in Prozent und auf Wunsch ausgeblendet auf Smartphones.
• Gestaltung: Icon (eckig), Icon (rund) oder Icon und Beschriftung, Farben der Netzwerke, Grau, Weiß oder Shop-Farbe, drei Größen, Ausrichtung und eine optionale Überschrift „Teilen”.
• Verhalten: Teilen-Dialoge öffnen im Popup-Fenster oder in einem neuen Tab.

Für die Erlebniswelten bringt das Plugin den Block und das Element „Teilen-Buttons” in der Block-Kategorie Text mit. Damit setzt du die Buttons an jede Stelle eines Layouts, etwa unter einen Ratgeber-Artikel, und stellst Stil, Farbe, Größe, Ausrichtung und Anordnung für genau dieses Element ein.

Drucken, Link kopieren und der Teilen-Dialog des Geräts brauchen JavaScript. Diese drei Buttons erscheinen nur, wenn der Browser die Funktion beherrscht, Link kopieren zum Beispiel nur über HTTPS. Alle Netzwerk-Links bleiben auch ohne JavaScript bedienbar. Der Name Shariff steht für das Prinzip aus dem gleichnamigen c’t-Projekt: Teilen-Buttons als einfache Links statt eingebetteter Netzwerk-Skripte. Den Shariff-Code selbst braucht das Plugin dafür nicht.

Typische Einsatzszenarien

• Modeshop mit Pinterest: Auf der Produktseite gibt das Plugin das Produktbild an Pinterest weiter. Wer die Jacke pinnt, hat sie gleich mit Bild auf der Pinnwand.
• B2B-Kanal neben dem Endkundenshop: Im Großhandelskanal stehen LinkedIn, XING und E-Mail, im Endkundenshop WhatsApp und Facebook. Beides läuft in derselben Shopware-Installation.
• Ratgeber in den Erlebniswelten: Du setzt das Element „Teilen-Buttons” unter jeden Artikel, rund und in deiner Shop-Farbe, während die Produktseiten bei den Netzwerkfarben bleiben.
• Umstieg von einem archivierten Shariff-Plugin: Darstellungsorte, Stile und Farbschemata kennst du schon, dazu kommen Bluesky, Threads, Mastodon, Reddit und Link kopieren.

Technische Fakten für deine IT

• Shopware 6.7.11 oder neuer (Storefront-Komponentensystem), PHP 8.2 oder neuer.
• Keine eigenen Tabellen, keine Zusatzfelder. Die Shopware-Originaltabellen bleiben unverändert.
• Das Plugin sendet keine Daten an externe Server. Die Teilen-Links entstehen auf dem Server, die Icons sind eingebettete SVG-Grafiken. Keine Schrift, kein Fremdskript, kein Cookie.
• DSGVO: Das Plugin verarbeitet keine personenbezogenen Daten. Erst der Klick auf einen Button öffnet die Seite des Netzwerks, ab dort gelten dessen Datenschutzregeln.
• Performance: Die Leiste entsteht beim Rendern aus der Plugin-Konfiguration. Im Performance-Test löst das wiederholte Erzeugen keine zusätzlichen Datenbankabfragen aus. Das Storefront-Skript für Popup, Drucken, Link kopieren und Teilen-Dialog ist rund 2,5 KB groß.
• Headless: Die Store-API-Route /store-api/swp-shariff/share-bar liefert für eine URL die fertigen Buttons nach der Konfiguration des Verkaufskanals.
• Barrierearm: Jeder Button trägt eine Beschriftung für Screenreader und lässt sich per Tastatur bedienen.
• Deinstallation: Behältst du die Daten, bleibt alles erhalten. Entfernst du sie, löscht das Plugin seine Blöcke aus den Erlebniswelten und macht eingesetzte Elemente zu leeren Text-Elementen, damit deine Layouts bearbeitbar bleiben.

Ehrlich gesagt

Das Plugin zählt keine Shares und zeigt keine Zähler, dafür müsste dein Shop bei den Netzwerken nachfragen. Links zu deinen eigenen Social-Media-Profilen setzt es auch nicht, es ist ein reines Teilen-Werkzeug. Und es braucht Shopware 6.7.11 oder neuer, ein Shop auf einer älteren 6.7 braucht vorher ein Update. Passt das für dich, probier es einfach aus.

Häufige Fragen

Brauche ich für die Teilen-Buttons eine Einwilligung im Cookie-Banner?

Das Plugin gibt deinem Cookie-Banner nichts zu tun. Es setzt kein Cookie, lädt keine Inhalte von Netzwerken und schickt beim Seitenaufruf nichts an Dritte, deshalb bringt es auch keinen Eintrag für die Cookie-Einstellungen mit. Die rechtliche Bewertung deines gesamten Shops ersetzt das nicht.

Welche Daten bekommen Facebook, WhatsApp und Co.?

Bis zum Klick gar keine. Klickt jemand auf einen Button, öffnet sich das Netzwerk mit der Adresse der Seite und je nach Dienst ihrem Titel, Pinterest bekommt auf der Produktseite zusätzlich das Produktbild. Ab dort gelten die Datenschutzregeln des Netzwerks.

Funktioniert das mit meinem Theme?

Getestet ist es mit dem Shopware-Standard-Theme. Das Plugin erweitert die Storefront-Templates, statt sie zu ersetzen, und holt die Shop-Farbe aus der Primärfarbe deines Themes. Baut dein Theme die Produktseite stark um, setzt du die Buttons einfach über das Erlebniswelten-Element an die passende Stelle.

Ich nutze das Shariff-Plugin von netzperfekt. Kann ich umsteigen?

Ja. Das Plugin von netzperfekt ist archiviert und wird nicht mehr gepflegt. Shariff Social Sharing deckt dessen Darstellungsorte, Stile und Farbschemata ab und bringt neue Dienste mit. Deine bisherigen Einstellungen übernimmt es nicht, du stellst sie einmal neu ein. Pocket fehlt, weil Mozilla den Dienst im Juli 2025 eingestellt hat.

Zeigt das Plugin an, wie oft eine Seite geteilt wurde?

Nein. Für Zähler müsste dein Shop bei den Netzwerken nachfragen, teils mit eigenen Zugangsdaten, und genau das vermeidet das Plugin. Die meisten Netzwerke liefern solche Zahlen ohnehin nicht mehr. Welches Netzwerk Besucher bringt, siehst du über die UTM-Parameter in deinem Analysewerkzeug.

Kann ich damit auf meine Instagram- oder TikTok-Profile verlinken?

Nein. Das Plugin ist ein Teilen-Werkzeug: Deine Besucher teilen deine Seiten, Links zu deinen eigenen Profilen setzt es nicht. Instagram und TikTok bieten zudem keinen Link an, über den sich eine Webseite teilen lässt, deshalb gibt es für beide keinen Button.

Kann ich die Buttons je Verkaufskanal unterschiedlich einstellen?

Ja. Alle Einstellungen gelten pro Verkaufskanal, auch der Schalter, der das Plugin aktiviert. Texte gibt es auf Deutsch, Englisch und Niederländisch, geteilt wird der Titel in der Sprache der Seite.

Was passiert bei der Deinstallation mit meinen Erlebniswelten?

Behältst du die Daten, bleibt alles, wie es ist. Entfernst du sie, löscht das Plugin seine Blöcke „Teilen-Buttons” und macht Elemente, die du in andere Blöcke gesetzt hast, zu leeren Text-Elementen. So bleiben deine Layouts bearbeitbar.

Bremst das Plugin meinen Shop?

Nach unseren Tests nicht spürbar. Die Buttons entstehen beim Rendern aus der Plugin-Konfiguration, ohne zusätzliche Datenbankabfragen und ohne Anfragen an externe Server. Das einzige Skript ist eine rund 2,5 KB kleine Storefront-Komponente.

Kann ich die Buttons in einem Headless-Frontend nutzen?

Ja. Die Store-API-Route /store-api/swp-shariff/share-bar liefert für eine URL die fertigen Buttons mit Links und Icons, passend zur Konfiguration des Verkaufskanals. In Composable Frontends heißt das Erlebniswelten-Element CmsElementSwpShariff.