In der März-Ausgabe unserer kleinen Reihe anlässlich des DI.DAY möchten wir eine kleine Ergänzung zu einem der “großen” Wechselrezepte vorstellen. Während das Wechselrezept erklärt, wie man von X zu Mastodon wechselt, geht es hier um den offiziellen Share Button.
Share Buttons gehören schon lange zum Handwerkszeug eines Webmasters. Sie erlauben es den Besuchern einer Website, mit einem Klick auf die gerade besuchte Seite hinzuweisen. So lässt sich schnell und unkompliziert ein Beitrag auf X (ehemals Twitter, heute Musk), auf Facebook, auf LinkedIn oder einem anderen (mehr oder weniger) sozialen Netzwerk erstellen, der auf zum Beispiel einen Blogbeitrag wie diesen hinweist.
Bisher gab es auf dieser Website bewusst keine solchen Share Buttons, nicht zuletzt deshalb, weil das mit dem “sozial” gerade bei den großen US-Anbietern so eine Sache ist. Seit kurzem bietet jedoch eben auch Mastodon einen offiziellen Share Button an. Inoffizielle Lösungen gab es bereits in der Vergangenheit. Da sich aber keine davon als Platzhirsch durchsetzte und die meisten davon für Website-Betreiber nicht einfach zu entdecken sind, gibt es jetzt eine offizielle Version.
Die wird über share.joinmastodon.org/ eingebunden. Dort kann man sich ein HTML-Fragment generieren lassen, das man in die Website einbindet - oder man verlinkt einfach auf https://share.joinmastodon.org/#text=. Danach folgt der Text, den man als Toot vorschlagen möchte (der Benutzer des Share Buttons kann ihn natürlich ändern). Dieser Text sollte URL-encoded sein. Das könnte beispielsweise so aussehen:
<a href="https://share.joinmastodon.org/#text=DI.DAY%3A+Share+Button+f%C3%BCr+Mastodon%20https%3A%2F%2Fwww.isatis-online.de%2F2026%2F03%2F03%2Fdi_day_share-button-mastodon.html">
Diese Seite auf Mastodon teilen
</a>
Typischerweise wird man den #text über Variablen wie {{ page.title }} befüllen, je nachdem, wie das Templating auf der Website umgesetzt ist. Natürlich kann man den Link mit beliebigen Elementen wie einem “richtigen” Button, Grafiken usw. gestalten.
Beim ersten Aufruf wird der Benutzer gebeten, seine Mastodon-Instanz anzugeben. Bei allen weiteren Aufrufen desselben Users (im selben Browser) ist das bereits vorausgefüllt. Man kann auch mehrere Instanzen angeben und pro Toot auswählen, welche man verwenden möchte. Den Code hinter dem Tool gibt es auf GitHub.
Und wie vielleicht einigen schon aufgefallen ist, bietet jetzt auch dieser Blog einen Share Button, eben den offiziellen von Mastodon. Wir freuen uns über Toots!
