Produktlink teilen per Smartphone: Teilen-Menü mit Kopier-Alternative
Ausgangslage
Stellen Sie sich einen kleinen Fahrradzubehör-Shop vor, frei erfunden für dieses Beispiel. Kundinnen und Kunden schicken Produktseiten oft an Partner oder Freunde, bevor sie kaufen. Bisher markieren sie die Adresse mühsam in der Adressleiste. Der Shop möchte einen Button "Link teilen", der auf dem Smartphone das normale Teilen-Menü öffnet.
Die betriebliche Entscheidung lautet: Der Button ist eine Verbesserung für geeignete Geräte, kein Versprechen. Die Seite muss auch ohne ihn vollständig funktionieren.
Was dokumentiert ist
Laut MDN erlaubt die Web Share API, Text, Links, Dateien und weitere Inhalte an vom Nutzer gewählte Ziele zu schicken, über die Mechanismen des Betriebssystems. Typische Ziele sind Zwischenablage, E-Mail, Kontakte oder Messaging-Apps. Es gibt zwei Methoden: navigator.canShare() prüft, ob Daten teilbar sind, navigator.share() öffnet den nativen Dialog. share() verlangt eine transiente Aktivierung und muss daher durch eine Nutzeraktion wie einen Klick ausgelöst werden. Das zurückgegebene Promise wird erfüllt, wenn die Daten erfolgreich an ein Ziel gesendet wurden. Zudem hängt die API an der Permissions Policy web-share. Ist sie unterstützt, aber nicht erteilt, gelten Daten als nicht teilbar.
Nicht dokumentiert ist, welche Apps im Menü erscheinen. Eine bestimmte WhatsApp-Anbindung lässt sich daraus nicht ableiten, sie hängt vom Gerät und den installierten Apps ab.
Empfehlung (technische Einschätzung)
Die folgenden Punkte sind Empfehlungen, keine dokumentierte Plattformeigenschaft.
- Zeigen Sie den Teilen-Button nur, wenn die Funktion vorhanden ist. Prüfen Sie dazu vorab, ob navigator.share existiert und ob canShare() für Ihre Daten zustimmt.
- Teilen Sie nur Titel, kurzen Text und die saubere Produktadresse, ohne Tracking-Parameter oder Sitzungsdaten.
- Bieten Sie daneben immer einen Button "Link kopieren" und ein lesbares, markierbares Textfeld mit der Adresse an. Das ist die verlässliche Alternative für Desktop-Browser, strenge Richtlinien und ältere Geräte.
- Schreiben Sie nirgends "per WhatsApp senden". Formulieren Sie neutral: "Teilen".
Abbruch und Fehler
Wer das Menü öffnet und wieder schließt, hat nichts falsch gemacht. Wird das Promise abgelehnt, sollten Sie das deshalb nicht als Störung anzeigen. Empfehlung: keine rote Fehlermeldung, kein erzwungener zweiter Versuch, der Button bleibt einfach bedienbar. Zeigen Sie die Kopier-Alternative nur dann deutlicher, wenn der Aufruf sofort und wiederholt scheitert.
Weitere Fälle:
- Der Aufruf geschieht nicht direkt aus einem Klick, etwa nach einer Wartezeit: Er kann wegen fehlender Aktivierung scheitern. Lösen Sie ihn daher unmittelbar im Klick-Handler aus.
- Die Seite steht in einem eingebetteten Rahmen ohne Berechtigung: Die Funktion gilt als nicht teilbar, also greift die Kopier-Alternative.
- Das Kopieren in die Zwischenablage wird vom Browser verweigert: Das sichtbare Textfeld bleibt als letzter Ausweg.
Vorgeschlagene Abnahmeliste (nicht durchgeführt)
Keiner dieser Punkte wurde geprüft. Sie sind ein Vorschlag für die Umsetzung.
- Auf einem Gerät ohne Unterstützung erscheint kein Teilen-Button, aber Kopieren und Textfeld funktionieren.
- Auf einem unterstützten Gerät öffnet ein Klick das Systemmenü mit Titel, Text und Produktadresse.
- Ein Schließen des Menüs erzeugt keine Fehlermeldung.
- Die geteilte Adresse enthält keine Tracking- oder Sitzungsparameter.
- Die Beschriftungen nennen keine bestimmte App.
- Die Bedienung per Tastatur und Screenreader ist für beide Buttons geprüft.
- Das Verhalten wird auf den Geräten kontrolliert, die der Shop tatsächlich nutzt, da die Zielliste je nach System verschieden ist.
Fazit
Das Teilen-Menü spart Kundinnen und Kunden Schritte, wo es verfügbar ist. Den Nutzen sollten Sie nicht überschätzen: Ob jemand den Link wirklich weitergibt, entscheidet allein er oder sie. Planen Sie deshalb den Button als Zusatz und die kopierbare Adresse als Grundlage.