Shariff Social Media Share Buttons | Teilen ohne Tracking und Cookies

Über die Erweiterung

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.

Rechtlicher Hinweis

Wir übernehmen keine Haftung für rechtliche Vorgaben. Bitte prüfe die Nutzung in Abstimmung mit einem qualifizierten Rechtsbeistand.