https://schwarzatal.org/index.php?action=history&feed=atom&title=MastodonMastodon - Versionsgeschichte2026-09-20T11:54:34ZVersionsgeschichte dieser Seite in Schwarzatal.orgMediaWiki 1.46.0https://schwarzatal.org/index.php?title=Mastodon&diff=1353&oldid=prevAdmin am 19. September 2026 um 18:29 Uhr2026-09-19T18:29:45Z<p></p>
<table style="background-color: #fff; color: #202122;" data-mw-interface="">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 19. September 2026, 20:29 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Zeile 1:</td>
<td colspan="2" class="diff-lineno">Zeile 1:</td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Hauptseite]] > [[Hauptseite#Schwarzatal.org|Schwarzatal.org]]</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Gadget: Mastodon-Beiträge einbetten =</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>= Gadget: Mastodon-Beiträge einbetten =</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
</table>Adminhttps://schwarzatal.org/index.php?title=Mastodon&diff=1352&oldid=prevAdmin: Die Seite wurde neu angelegt: „= Gadget: Mastodon-Beiträge einbetten = Dieses Gadget bindet einen Mastodon-Beitrag samt Video, Bildern und Autorenzeile in eine Wiki-Seite ein. Es funktioniert auf '''jeder''' Mastodon-Instanz, nicht nur auf mastodon.social, und lädt dabei kein Skript des Anbieters nach. == Kurzfassung für Autoren == Adresse des Beitrags im Browser kopieren und einsetzen: <pre> <div class="mastodon-embed" data-post="https://mastodon.social/@benutzer/12345678901234…“2026-09-19T18:28:44Z<p>Die Seite wurde neu angelegt: „= Gadget: Mastodon-Beiträge einbetten = Dieses Gadget bindet einen Mastodon-Beitrag samt Video, Bildern und Autorenzeile in eine Wiki-Seite ein. Es funktioniert auf '''jeder''' Mastodon-Instanz, nicht nur auf mastodon.social, und lädt dabei kein Skript des Anbieters nach. == Kurzfassung für Autoren == Adresse des Beitrags im Browser kopieren und einsetzen: <pre> <div class="mastodon-embed" data-post="https://mastodon.social/@benutzer/12345678901234…“</p>
<p><b>Neue Seite</b></p><div>= Gadget: Mastodon-Beiträge einbetten =<br />
<br />
Dieses Gadget bindet einen Mastodon-Beitrag samt Video, Bildern und Autorenzeile<br />
in eine Wiki-Seite ein. Es funktioniert auf '''jeder''' Mastodon-Instanz, nicht<br />
nur auf mastodon.social, und lädt dabei kein Skript des Anbieters nach.<br />
<br />
== Kurzfassung für Autoren ==<br />
<br />
Adresse des Beitrags im Browser kopieren und einsetzen:<br />
<br />
<pre><br />
<div class="mastodon-embed" data-post="https://mastodon.social/@benutzer/123456789012345678"></div><br />
</pre><br />
<br />
Fertig. Alles Weitere ist nur für jemanden interessant, der das Gadget auf einem<br />
anderen Wiki einrichtet oder einen Fehler sucht.<br />
<br />
Die Adresse findest du, indem du auf den Zeitstempel des Beitrags klickst – dann<br />
steht die vollständige Beitragsadresse in der Adresszeile des Browsers. Sie sieht<br />
immer so aus: Instanz, Schrägstrich, @Benutzername, Schrägstrich, eine lange Zahl.<br />
<br />
<br />
= Teil 1: Verwendung =<br />
<br />
== Alle data-Attribute ==<br />
<br />
{| class="wikitable"<br />
! Attribut !! Pflicht !! Bedeutung<br />
|-<br />
| <code>data-post</code> || ja* || Vollständige Adresse des Beitrags. Empfohlener Weg.<br />
|-<br />
| <code>data-instanz</code> || – || Hostname der Instanz, z. B. <code>chaos.social</code>. Nur nötig, wenn <code>data-post</code> nicht verwendet wird.<br />
|-<br />
| <code>data-benutzer</code> || – || Benutzername ohne @, zusammen mit <code>data-instanz</code> und <code>data-id</code>.<br />
|-<br />
| <code>data-id</code> || – || Die lange Zahl am Ende der Beitragsadresse.<br />
|-<br />
| <code>data-width</code> || – || Breite. Standard <code>100%</code>, höchstens 42 em.<br />
|-<br />
| <code>data-height</code> || – || Starthöhe in Pixeln, Standard 600. Die endgültige Höhe meldet Mastodon selbst.<br />
|-<br />
| <code>data-titel</code> || – || Titelzeile des Rahmens, für Screenreader. Standard „Mastodon-Beitrag".<br />
|-<br />
| <code>data-sperre</code> || – || <code>ja</code> schaltet eine Vorschaubox mit Ladeknopf davor.<br />
|}<br />
<br />
<nowiki>*</nowiki> Entweder <code>data-post</code> '''oder''' die Dreierkombination<br />
aus <code>data-instanz</code>, <code>data-benutzer</code> und <code>data-id</code>.<br />
<br />
== Beispiele ==<br />
<br />
Einfachster Fall:<br />
<br />
<pre><br />
<div class="mastodon-embed" data-post="https://chaos.social/@example/114000000000000000"></div><br />
</pre><br />
<br />
Mit größerer Starthöhe, falls der Beitrag ein langes Video enthält und beim Laden<br />
kurz abgeschnitten wirkt:<br />
<br />
<pre><br />
<div class="mastodon-embed"<br />
data-post="https://chaos.social/@example/114000000000000000"<br />
data-height="800"></div><br />
</pre><br />
<br />
Mit Vorschaubox – gedacht für Instanzen, deren Betreiber du nicht einschätzen<br />
kannst:<br />
<br />
<pre><br />
<div class="mastodon-embed"<br />
data-post="https://irgendeine.instanz/@example/114000000000000000"<br />
data-sperre="ja"></div><br />
</pre><br />
<br />
== Was passiert beim Laden ==<br />
<br />
Das Gadget prüft die Adresse, hängt <code>/embed</code> an und baut daraus ein<br />
iframe. Mastodon liefert unter dieser Adresse eine eigens dafür gedachte,<br />
schlanke Ansicht des Beitrags.<br />
<br />
Die offizielle Einbindung von Mastodon lädt zusätzlich ein Skript namens<br />
<code>embed.js</code> von der Instanz nach – und zwar ausschließlich, um dem<br />
Rahmen die richtige Höhe zu geben. Dieses Gadget macht das selbst: es schickt<br />
dem iframe eine Nachricht und trägt die Höhe ein, die Mastodon zurückmeldet.<br />
Dadurch wird genau eine Adresse der fremden Instanz abgerufen und sonst nichts.<br />
<br />
Unter dem Beitrag steht eine Zeile mit einem Link auf das Original. Sie greift,<br />
wenn jemand iframes blockiert – sonst stünde dort ein weißes Loch ohne Hinweis<br />
darauf, dass etwas fehlt.<br />
<br />
<br />
= Teil 2: Einrichtung auf einem anderen MediaWiki =<br />
<br />
Die folgenden Schritte gehen von einem frischen Wiki aus, auf dem noch nie ein<br />
Gadget eingerichtet wurde. Wer die Gadgets-Erweiterung schon nutzt, kann Schritt<br />
1 und 2 überspringen.<br />
<br />
Alle Seitennamen beginnen mit <code>MediaWiki:</code>. Dieser Namensraum ist nur<br />
für Administratoren bearbeitbar – das ist beabsichtigt, denn der Inhalt wird als<br />
Programmcode an jeden Besucher ausgeliefert.<br />
<br />
== Schritt 1: Erweiterung „Gadgets" prüfen ==<br />
<br />
Rufe <code>Spezial:Version</code> auf und suche unter „Installierte<br />
Erweiterungen" nach '''Gadgets'''. Steht sie dort, weiter mit Schritt 3.<br />
<br />
== Schritt 2: Erweiterung nachinstallieren ==<br />
<br />
Die Erweiterung liegt bei MediaWiki ab Version 1.35 im Tarball bereits bei, sie<br />
muss nur eingeschaltet werden. In <code>LocalSettings.php</code> am Ende<br />
ergänzen:<br />
<br />
<pre><br />
wfLoadExtension( 'Gadgets' );<br />
</pre><br />
<br />
Fehlt das Verzeichnis <code>extensions/Gadgets/</code> ganz, lädst du die zur<br />
Wiki-Version passende Fassung von<br />
<code>https://www.mediawiki.org/wiki/Special:ExtensionDistributor/Gadgets</code><br />
herunter und entpackst sie dorthin.<br />
<br />
Danach <code>Spezial:Version</code> erneut aufrufen und prüfen, ob die Erweiterung<br />
jetzt gelistet ist.<br />
<br />
== Schritt 3: Den Programmcode anlegen ==<br />
<br />
Lege die Seite <code>MediaWiki:Gadget-Mastodon.js</code> an und füge den<br />
vollständigen Inhalt der Datei <code>Gadget-Mastodon.js</code> ein.<br />
<br />
Wichtig: '''ohne''' <code>&lt;syntaxhighlight&gt;</code> oder sonstige<br />
Auszeichnung drumherum – die Seite enthält nichts als das Skript selbst.<br />
<br />
Achte darauf, wirklich den vollständigen Inhalt zu erwischen. Landet<br />
versehentlich der Code eines anderen Gadgets auf der Seite, passiert schlicht<br />
gar nichts: das Skript sucht dann nach Elementen, die es auf der Seite nicht<br />
gibt, und bricht stillschweigend ab. Zur Kontrolle: die richtige Datei enthält<br />
weit oben die Zeile<br />
<br />
<pre><br />
var STD_HOEHE = 600;<br />
</pre><br />
<br />
und weiter unten den Ausdruck <code>'/embed'</code>.<br />
<br />
== Schritt 4: Die Beschreibungsseite anlegen ==<br />
<br />
Lege <code>MediaWiki:Gadget-Mastodon</code> an (ohne <code>.js</code>). Ihr<br />
Inhalt ist der Text, der in <code>Spezial:Einstellungen</code> neben dem Gadget<br />
steht – eine Zeile genügt:<br />
<br />
<pre><br />
Bettet Mastodon-Beiträge samt Videos ein.<br />
</pre><br />
<br />
Diese Seite ist Pflicht. Fehlt sie, erscheint das Gadget in der Liste als roter<br />
Link und MediaWiki meldet es als fehlerhaft.<br />
<br />
== Schritt 5: Das Gadget registrieren ==<br />
<br />
Lege <code>MediaWiki:Gadgets-definition</code> an, falls die Seite noch nicht<br />
existiert, und ergänze eine Zeile:<br />
<br />
<pre><br />
* Mastodon[ResourceLoader|default|hidden]|Mastodon.js<br />
</pre><br />
<br />
Die drei Angaben in den eckigen Klammern bedeuten:<br />
<br />
* <code>ResourceLoader</code> – das Gadget wird über den modernen Lademechanismus ausgeliefert. Bei neuen Gadgets immer setzen.<br />
* <code>default</code> – das Gadget ist für alle Besucher eingeschaltet, auch für nicht angemeldete. Ohne diese Angabe müsste jeder es einzeln in seinen Einstellungen aktivieren, und anonyme Besucher sähen es nie.<br />
* <code>hidden</code> – es erscheint nicht in <code>Spezial:Einstellungen</code>. Sinnvoll, weil ein Gadget, das nur eine Einbettung darstellt, keine Wahl ist, die ein Leser treffen müsste.<br />
<br />
Der Teil hinter dem senkrechten Strich ist der Dateiname '''ohne''' das Präfix<br />
<code>MediaWiki:Gadget-</code>.<br />
<br />
Hat die Seite bereits einen Abschnittskopf wie <code>== Darstellung ==</code>,<br />
setze die Zeile einfach darunter. Ohne jeden Abschnittskopf funktioniert die<br />
Seite ebenfalls.<br />
<br />
Abhängigkeiten braucht dieses Gadget keine: es verwendet nur jQuery, das<br />
MediaWiki ohnehin auf jeder Seite lädt.<br />
<br />
== Schritt 6: Prüfen und Zwischenspeicher leeren ==<br />
<br />
Rufe <code>Spezial:Gadgets</code> auf. Dort muss „Mastodon" nun mit einem<br />
funktionierenden Link auf die JavaScript-Seite stehen. Erscheint stattdessen<br />
eine Fehlermeldung, stimmt meist die Schreibweise in Schritt 5 nicht.<br />
<br />
Danach eine Testseite anlegen und den Beispielcode von oben einfügen. Zeigt sie<br />
nichts an:<br />
<br />
# Seite mit <code>?action=purge</code> in der Adresse neu aufrufen.<br />
# Im Browser mit '''Strg+F5''' (Mac: '''Cmd+Umschalt+R''') hart neu laden.<br />
<br />
MediaWiki liefert Gadget-Code mit langer Cache-Dauer aus. Nach jeder Änderung an<br />
der JavaScript-Seite brauchst du diesen harten Neuladevorgang, sonst siehst du<br />
minutenlang die alte Fassung.<br />
<br />
<br />
= Teil 3: Bequemer machen (optional) =<br />
<br />
Wenn Autoren keine rohen <code>div</code>-Elemente tippen sollen, lege<br />
<code>Vorlage:Mastodon</code> an:<br />
<br />
<pre><br />
<includeonly><div class="mastodon-embed" data-post="{{{1|}}}" data-height="{{{hoehe|}}}" data-titel="{{{titel|}}}" data-sperre="{{{sperre|}}}"></div></includeonly><noinclude><br />
Bettet einen Mastodon-Beitrag ein.<br />
Verwendung: <code><nowiki>{{Mastodon|https://instanz/@benutzer/123…}}</nowiki></code><br />
</noinclude><br />
</pre><br />
<br />
Danach genügt im Artikel:<br />
<br />
<pre><br />
{{Mastodon|https://chaos.social/@example/114000000000000000}}<br />
</pre><br />
<br />
Leere Parameter stören nicht – das Gadget behandelt ein leeres<br />
<code>data-height</code> genau wie ein fehlendes. Die Vorlage kommt deshalb ohne<br />
die Erweiterung ParserFunctions aus.<br />
<br />
<br />
= Teil 4: Fehlersuche =<br />
<br />
'''Es erscheint überhaupt nichts, auch keine Fehlermeldung.'''<br />
Das Gadget wurde nicht geladen. Prüfe der Reihe nach: Steht das Gadget in<br />
<code>Spezial:Gadgets</code>? Stimmt der Dateiname in<br />
<code>MediaWiki:Gadgets-definition</code>? Existiert<br />
<code>MediaWiki:Gadget-Mastodon</code> ohne <code>.js</code>? Hast du hart neu<br />
geladen?<br />
<br />
Zweite häufige Ursache: auf der JavaScript-Seite steht der Code eines anderen<br />
Gadgets. Vergleiche mit den Prüfzeilen aus Schritt 3.<br />
<br />
'''„keine gültige Beitragsadresse angegeben"'''<br />
Das Gadget hat die Adresse nicht als Mastodon-Beitrag erkannt. Erlaubt sind nur<br />
die drei üblichen Formen: <code>/@benutzer/123…</code>,<br />
<code>/@benutzer@andereinstanz/123…</code> und<br />
<code>/users/benutzer/statuses/123…</code>. Ein Profil-Link ohne Beitragsnummer<br />
oder eine Adresse mit <code>http://</code> statt <code>https://</code> wird<br />
abgelehnt.<br />
<br />
'''Der Beitrag erscheint, aber der Rahmen bleibt zu hoch oder zu niedrig.'''<br />
Die Instanz hat die Höhenmeldung nicht beantwortet. Setze<br />
<code>data-height</code> auf einen passenden Wert – bei einem Beitrag mit Video<br />
sind 700 bis 900 üblich.<br />
<br />
'''Der Beitrag ist leer oder zeigt „Not found".'''<br />
Der Beitrag ist nicht öffentlich, wurde gelöscht, oder die Instanz ist offline.<br />
Beiträge mit eingeschränkter Sichtbarkeit lassen sich grundsätzlich nicht<br />
einbetten.<br />
<br />
'''Das <code>div</code> verschwindet beim Speichern.'''<br />
Sehr selten, betrifft nur Wikis mit besonders strengem Sanitizer.<br />
<code>data-</code>-Attribute erlaubt MediaWiki seit Version 1.20; bei älteren<br />
Installationen hilft nur ein Update.<br />
<br />
<br />
= Teil 5: Rechtliches =<br />
<br />
Der Beitrag wird direkt von der fremden Instanz geladen. Deren Betreiber erfährt<br />
dabei die IP-Adresse des Besuchers und welchen Beitrag er ansieht – so wie bei<br />
jedem eingebundenen Bild von einer fremden Adresse.<br />
<br />
Eine Vorschaubox mit Ladeknopf ist deshalb standardmäßig '''nicht'''<br />
vorgeschaltet. Die <code>/embed</code>-Ansicht ist eine öffentliche, cachebare<br />
Seite ohne Werbung, ohne Reichweitenmessung und ohne Profilbildung, und sie<br />
setzt für anonyme Besucher keine Cookies. Damit greift die Einwilligungspflicht<br />
für das Speichern von Informationen auf dem Endgerät (§ 165 TKG in Österreich,<br />
§ 25 TDDDG in Deutschland) nicht, und für die bloße IP-Übertragung beim Abruf<br />
trägt das berechtigte Interesse nach Art. 6 DSGVO.<br />
<br />
Zwei Dinge gehören trotzdem erledigt:<br />
<br />
# In der Datenschutzerklärung des Wikis die eingebundenen Instanzen als automatisch geladene Quellen nennen.<br />
# Bei einer Instanz, deren Betreiber du nicht einschätzen kannst, <code>data-sperre="ja"</code> setzen. Dann erscheint erst eine Vorschaubox und der Besucher entscheidet selbst.<br />
<br />
Anders liegt der Fall bei Diensten, die Cookies setzen oder Nutzungsprofile<br />
bilden – dort ist die Vorschaubox Pflicht und nicht Geschmackssache.</div>Admin