Spendenaktion: Social Sharing mit Vorschau-Bild der Aktion auf z.B. Facebook
Geändert am: Do, 5 Dez, 2024 um 3:03 NACHMITTAGS
INHALTSVERZEICHNIS
In diesem Artikel erfahren Sie, wie Sie Vorschau-Bilder von Aktionen einer Spendenaktion technisch so auf Ihre Website integrieren können, damit die Bilder auf Social Media in der Teilen-Funktion übernommen werden können.
Gut zu wissen
- Ohne Anpassung werden idR keine Vorschau-Bilder bei dem Teilen auf Social Media von Spendenaktionen gezeigt:
- Ursache: Vorschau-Bilder müssen bei dem Teilen auf Social Media im Header bzw. <head>-Bereich Ihrer Webseite liegen und spezielle Tags beinhalten, je nach Social Media Plattform (z.B. meta-Tag für Facebook).
- Da die FundraisingBox nicht auf Ihre umliegende Webseite zugreifen kann, benötigt es von Ihnen eine individuelle Lösung, damit Vorschau-Bilder bei der Teilen-Funktion erscheinen können
<head> anpassen / Schritt für Schritt Erklärung der Ursache
- Auf Ihrer Website sind verschiedene meta-Informationen im Header gespeichert:
- Weiter unten auf Ihrer Seite kommt, wenn das Spendenaktions-Tool bereits eingebettet ist, der FundraisingBox Einbettungscode
- Wichtig zu wissen: Alle Spendenaktionen haben ihr eigenesBild, welche von den Aktions-Startenden hochgeladen werden.
- Hard coded Bilder und Texte in den <head> zu übernehmen würden in diesem Falle also weniger Sinn ergeben.
- Lösungsidee: Es gibt aber durchaus Funktionen, die dementsprechend programmiert werden können, die sich zum Beispiel das jeweils aktuelle Bild / den aktuellen Text aus der Aktions-Seite ziehen können, die sich (zum Beispiel) im DIV mit der ID page-image befinden und dieses Bild dann in den Meta-Tag einpflegen können.
- Es kann aber auch sein, dass Sie ein CMS für Ihre Webseite verwenden, über das die Open Graph Informationen durch eine*n Redakteur*in gepflegt werden können. Es kann sein, dass es eine hard-coded Webseite mit dynamischen Teilen ist. Am Ende kann es also durchaus auch eine Content-Redaktions-Arbeit sein, wenn dies vielleicht auch etwas aufwendiger ist.
- Viele Wege führen in diesem Falle zum Ziel und sind unterschiedlich sinnvoll, je nach Ihrer individuellen Bedürfnis- und Ausgangslage und von IHrer Webseite abhängen - leider können wir in dem Fall nur den Vorschlag technischer Natur erbringen, aber keine globale Lösung aktuell anbieten.
Noch einmal zusammengefasst in anderen Worten:
Die technische Herausforderung besteht darin, dass die FundraisingBox nur den Link zu der jeweiligen (Parent) URL beim Social Sharing teilt, auf der die Aktion / das Aktions-Formular eingebunden ist. Facebook / WhatsApp wissen in dem Moment nicht, welche Bilder und / oder Texte zur Verfügung stehen, da wir diese in einem <head> Bereich als og:meta Parameter nicht mitgeben können. Hier ganz verständlich von Facebook aufgezeigt: https://developers.facebook.com/docs/sharing/webmasters?locale=de_DE
Wir haben keinen Einfluss auf Ihre Webseite, können dort also keine expliziten Meta Informationen setzen, die sich Facebook & Co. ziehen können. Daher muss die Lösung hierfür, wie oben beschrieben, selbst von Ihnen implementiert werden.
War diese Antwort hilfreich? Ja Nein