Forum - RE: Mein Projekt Teilen Button - 5

RE: Mein Projekt Teilen Button

---

Es hat mir keine Ruhe gelassen!
Zielsetzung: Ich will den Inhalt eines Beitrages Teilen können. Mit Bild und Text.

Social-Media-Teilen für einzelne Xobor-Beiträge (Link)


Wir haben für ein Xobor-V6-Forum eine eigene Teilen-Funktion gebaut, mit der nicht nur ein komplettes Thema, sondern jeder einzelne Beitrag separat in sozialen Medien geteilt werden kann.

Das Ganze besteht im Wesentlichen aus zwei Teilen:

Im Xobor-Forum läuft ein JavaScript-Plugin. Dieses setzt bei jedem Beitrag direkt neben Funktionen wie „Antworten“ und „Bearbeiten“ einen zusätzlichen Button „Beitrag teilen“. Beim Anklicken erkennt das Script automatisch:

- den Text genau dieses Beitrags,
- das größte bzw. passende Beitragsbild,
- die Überschrift,
- den Direktlink zum jeweiligen Beitrag.

Der Text wird dabei bereinigt, damit z. B. Signaturen, Bedienelemente, Bildercodes oder auf Wunsch Zitate nicht mit übernommen werden. Absätze, Zeilenumbrüche und Listen bleiben erhalten.

Für Facebook, LinkedIn und XING reicht ein normaler Share-Link nicht aus, da diese Plattformen die Vorschau selbst von der verlinkten Webseite abrufen. Deshalb haben wir zusätzlich auf einem eigenen Webspace eine kleine PHP-Bridge eingerichtet.

Diese erzeugt für den ausgewählten Forumsbeitrag dynamisch die passenden Open-Graph-Daten, also unter anderem:
- og:title
- og:description
- og:image

Dadurch erscheint beim Teilen tatsächlich das Bild des jeweiligen Forumsbeitrags und nicht irgendein Avatar oder Standardbild des Forums.

Der vollständige Beitragstext wird zusätzlich automatisch in die Zwischenablage kopiert und kann anschließend mit Strg+V in Facebook oder LinkedIn eingefügt werden.

Für WhatsApp und WhatsApp Business verwenden wir die Web-Share-Funktion des Browsers. Auf unterstützten Smartphones kann dadurch neben Text und Link auch das Beitragsbild als echte Bilddatei an das Teilen-Menü des Gerätes übergeben werden.

Unterstützt werden derzeit:

Facebook · LinkedIn · XING · X · WhatsApp · WhatsApp Business

Optisch wurde der Share-Button direkt in die vorhandene Xobor-Aktionsleiste integriert, sodass er wie eine normale Forumsfunktion wirkt und nicht wie ein zusätzlich eingebauter Fremdkörper.

Kurz gesagt:

Xobor-Beitrag auswählen → „Beitrag teilen“ → Text, Bild und Direktlink werden automatisch vorbereitet → gewünschtes Netzwerk auswählen.

Technisch funktioniert das komplett ohne Änderungen am Xobor-Kern: nur über Plugin-JavaScript/CSS im Forum plus eine kleine PHP-Datei auf eigenem Webspace.


Teilen von Beiträgen in sozialen Netzwerken
Unser Forum stellt Funktionen bereit, mit denen einzelne Beiträge in sozialen Netzwerken und Messenger-Diensten geteilt werden können. Die Schaltflächen sind nicht als aktive Social-Media-Plugins eingebunden. Beim bloßen Aufruf einer Forumsseite wird daher durch diese Funktion keine Verbindung zu Facebook, LinkedIn, XING, X oder WhatsApp hergestellt.
Erst wenn der Nutzer eine entsprechende Teilen-Funktion aktiv auswählt, wird eine Verbindung zum jeweiligen Anbieter hergestellt. Dabei können insbesondere die IP-Adresse, die Adresse des zu teilenden Beitrags sowie vom Nutzer ausgewählte Inhalte an den jeweiligen Anbieter übermittelt werden. Für die anschließende Verarbeitung gelten die Datenschutzbestimmungen des jeweiligen Anbieters.

Zur Einordnung: Für die komplette Umsetzung reichten meine geistigen und technischen Fähigkeiten dann doch nicht ganz aus. Zum Glück hatte ich Unterstützung von meinem jüngsten Sohn – und von der KI.
Falls jemand die Lösung trotz des zusätzlichen Aufwands mit eigenem Webspace nachbauen möchte: Die benötigten Skripte stelle ich gern zur Verfügung.

Link zu meinem Forum