Item-Tooltips für eure Website

Ausprobieren

Fahrt mit der Maus über die Links oder tippt sie auf dem Handy an. Ein zweites Antippen öffnet die Itemseite.

• Classic Era: Halsschmuck des Feuerlords
• TBC: Geisterklinge der Nathrezim
• WoW Forever: Goldbarren

WoW Forever: Werte aus dem Datenstand der Forever-Itemdatenbank (September 2026), ohne Gewähr. Für Forever zeigt der Tooltip keine Quellen oder Drops an.

So bindet ihr es ein

1. Diese Zeile einmal in eure Seite einfügen, am besten vor </body>:

<script src="https://guildloot.de/tooltip.js" referrerpolicy="no-referrer" defer></script>

2. Ganz normal auf die Itemseite bei GuildLoot verlinken. Die Adresse findet ihr oben im Browser, wenn ihr ein Item bei GuildLoot öffnet:

<a href="https://guildloot.de/item/era/18814-halsschmuck-des-feuerlords/">Halsschmuck des Feuerlords</a>

Ohne vollständige Adresse geht es auch mit der Item-ID. Das Skript ergänzt dann die Adresse; ohne JavaScript bleibt der Link aber leer, deshalb ist die Form oben besser:

<a data-guildloot-item="18814" data-version="era">Halsschmuck des Feuerlords</a>

Einstellungen

Anleitungen

Normale HTML-Seite

Die Skriptzeile vor </body> einfügen, auf jeder Seite mit Itemlinks (oder einmal in eure gemeinsame Vorlage). Mehr ist nicht nötig.

WordPress

Am einfachsten mit einem Plugin für eigene Skripte im Kopf- oder Fußbereich (zum Beispiel WPCode): die Skriptzeile in den Fußbereich einfügen und speichern. Itemlinks setzt ihr danach ganz normal im Editor. Auf WordPress.com sind eigene Skripte nur in Tarifen mit Plugins möglich.

Discord und Discord-nahe Seiten

Discord selbst führt keine Skripte aus. In Nachrichten, Bots und Webhooks erscheinen deshalb keine Tooltips, der Link funktioniert aber ganz normal. Tooltips gibt es nur auf Websites, also zum Beispiel auf eurer Gildenseite, auf der auch euer Discord-Widget oder eure Raidplanung steht. Baukästen, die nur eingebettete Blöcke (iframes) erlauben, zeigen Tooltips nur innerhalb dieses Blocks.

Für Seiten mit Content-Security-Policy

Das Skript kommt ohne eval, ohne Inline-Stile und ohne HTML aus Zeichenketten aus und funktioniert auch mit Trusted Types. Erlaubt werden muss nur:

script-src https://guildloot.de;
connect-src https://guildloot.de;

Nur mit data-icons="on" zusätzlich: img-src https://wow.zamimg.com;

Datenschutz für Website-Betreiber

Das Skript setzt keine Cookies, speichert nichts im Browser und zählt keine Besucher. Beim Überfahren lädt der Browser kleine Datendateien von guildloot.de; die Seiten liefert GitHub Pages aus, das wie jeder Hoster technische Verbindungsdaten (zum Beispiel die IP-Adresse) protokolliert. Bei diesen Abrufen schickt der Browser technisch bedingt die Domain eurer Seite mit (Origin-Header), nicht aber die Adresse der einzelnen Seite. Ob beim Laden von tooltip.js selbst eine Referrer-Angabe mitgeht, bestimmt eure Seite; mit referrerpolicy="no-referrer" wie im Code oben geht keine mit. Itembilder gibt es nur mit data-icons="on"; dann lädt der Browser sie von wow.zamimg.com. Details stehen in unserer Datenschutzerklärung.

Ein Satz für eure eigene Datenschutzerklärung könnte so lauten:

Auf dieser Website binden wir das Item-Tooltip-Skript von GuildLoot (guildloot.de) ein, um Gegenstände aus World of Warcraft beim Überfahren eines Links anzuzeigen. Dabei lädt Ihr Browser Dateien von guildloot.de (gehostet bei GitHub Pages, GitHub Inc., USA); der Anbieter erhält technisch Ihre IP-Adresse und die Domain dieser Website. GuildLoot setzt keine Cookies und erhebt selbst keine Daten. Rechtsgrundlage ist unser berechtigtes Interesse an einer verständlichen Darstellung von Itemlinks (Art. 6 Abs. 1 lit. f DSGVO).

Mit data-icons="on" zusätzlich: Itembilder lädt Ihr Browser von wow.zamimg.com (Wowhead, ZAM Network LLC, USA); auch dieser Anbieter erhält Ihre IP-Adresse.