Hype-Filter als Widget einbetten
Ein Script-Tag, und deine Leser können ihren Text auf Marketing-Hype prüfen — direkt auf deiner Seite. Vanilla-JS, kein Build, kein Tracking.
So sieht es aus
Das Widget unten ist die echte Live-Einbettung dieser Seite. Probier es aus: Text einfügen, auf Hype prüfen klicken.
Einbetten — kopieren und einfügen
Füge diesen Code an die Stelle deiner Seite, an der das Widget erscheinen soll. Das <div> ist optional — fehlt es, hängt sich das Widget direkt an der Script-Stelle ein.
Standard-Einbettung
<div data-hype-filter></div> <script src="https://abannews.com/js/hype-filter-widget.js" async></script>
Ohne Attribution-Link
<div data-hype-filter></div>
<script src="https://abannews.com/js/hype-filter-widget.js"
data-attribution="off" async></script>
Optionen (data-Attribute)
Die Attribute kannst du entweder am <script> oder am Mount-<div data-hype-filter> setzen.
| Attribut | Default | Beschreibung |
|---|---|---|
data-endpoint |
https://abannews.com/api/hype-check |
Ziel-API für die Analyse. Normalerweise unverändert lassen. |
data-attribution |
on |
Auf off setzen, um den dezenten „Powered by aban news"-Link auszublenden. |
Das Widget lässt sich pro Seite mehrfach einbauen: einfach weitere <div data-hype-filter> platzieren.
Datenschutz
Der eingegebene Text wird beim Klick auf Hype prüfen an die aban-API (abannews.com/api/hype-check) gesendet und dort analysiert. Das Ergebnis kommt direkt zurück.
Kein Tracking, keine Cookies, keine Drittanbieter-Requests. Das Widget lädt keine externen Fonts und setzt nichts im window-Objekt außer einem optionalen AbanHypeFilter-Helfer.
Technisches
Das Widget rendert sich in einem Shadow DOM — das CSS deiner Seite beeinflusst es nicht und umgekehrt. Alle dynamischen Inhalte werden escaped (XSS-sicher). Ohne Shadow-DOM-Support greift ein Fallback mit stark namespaced Klassen.