Share via XMPP

Kurzanleitung für einen Share Button auf Webseiten

Der Kern des Share Buttons bildet ein XMPP-Link, dieser ist wie folgt aufgebaut:

xmpp:?message;body=Text%20der%20angezeigt%20werden%20soll

Da es sich um eine URL handelt, werden Sonderzeichen (wie das Leerzeichen) durch das URL-Encoding ersetzt (%20 ist das Leerzeichen).

Eingebettet in eine Webseite könnte das wie folgt aussehen:

  <div class="share-xmpp">
    <span class="share-label">Artikel teilen:</span>
    <a href="xmpp:?message;body=Rainers%20Blog%3A%20{{ page.title | urlencode }}%0A{{ page.permalink | urlencode }}">
      <i class="fa-brands fa-xmpp"></i> Share via XMPP
    </a>
  </div>

Das Snippet ist original aus meinem Seiten-Template der page.html und setzt automatisch die Artikel Überschrift sowie den html-Link zur entsprechenden Seite.

Ich erstelle meine Seiten mit zola, einem static site generator ähnlich der bekannten Software hugo.