Verwandle deine Website in ein Spiel. Achievements & XP – als Gamification-as-a-Service.
fooz.js bringt Steam-artige Achievement-Toasts in Sekunden in deine Web-App oder dein SaaS-Dashboard.
Du definierst Achievements & XP im Dashboard, rufst fooz.unlock() auf –
wir übernehmen UI, API und Logging.
Teste, wie sich fooz anfühlt. Klick auf eine Aktion und sieh dir den Toast an, der später in deiner Website erscheint.
Die Demo nutzt fooz.preview() – exakt das Overlay, das deine User sehen,
wenn du später fooz.unlock() auslöst.
Warum Entwickler fooz.de einsetzen
Mehr Engagement, ohne ein eigenes Gamification-System zu bauen, zu pflegen und zu skalieren.
Mehr Motivation & Retention
Erfolge sichtbar machen: Login-Strähnen, abgeschlossene Kurse, Käufe, gelöste Tickets – alles wird zum Achievement mit XP in deiner Web-App.
Fertig gelieferte UI
Du musst kein eigenes Overlay designen. Fooz bringt ein konfigurierbares Toast-Design mit Position, Theme und Dauer direkt mit.
Saubere Trennung von Logik & Frontend
Dein Code triggert nur Events. Die API prüft Keys, speichert freigeschaltete Achievements und aggregiert XP für Leaderboards.
Typische Einsätze von Gamification
Gamification passt überall dort, wo Nutzer aktiv werden und wiederkommen sollen.
SaaS & Dashboards
Belohne Onboarding, Feature-Adoption und abgeschlossene Workflows mit Achievements und XP.
Online-Kurse & Learning
Module abgeschlossen? Quiz bestanden? Mach aus Lernfortschritt eine sichtbare Erfolgsspur.
Communities & Foren
Beiträge, Antworten, Upvotes – alles kann ein Achievement sein, das Aktivität sichtbar macht.
So funktioniert fooz.js
Du bringst deine Events, fooz übernimmt den Rest – als Gamification-as-a-Service.
Projekt & API-Key
Konto anlegen, Projekt erstellen, API-Key erhalten. Jedes Projekt steht für eine Website oder App, in der du Achievements nutzen willst.
Achievements & XP definieren
Im Dashboard legst du pro Projekt Achievements an: Key, Titel, Beschreibung, Icon oder Emoji und XP-Punkte.
fooz.unlock() integrieren
fooz.js einbinden und z. B.
fooz.unlock('first_login') aufrufen, wenn ein Event passiert.
Die API speichert die Freischaltung und zeigt den Toast an.
<script src="https://fooz.de/fooz.js"></script>
<script>
fooz.init({
apiKey: 'DEIN_API_KEY',
userId: 'USER_ID_AUS_DEINEM_SYSTEM',
apiEndpoint: 'https://fooz.de/api/unlock.php'
});
// wenn z.B. ein Level fertig ist:
fooz.unlock('level_1_complete');
</script>
Die userId kommt aus deinem System (z. B. Nutzer-ID oder UUID).
fooz speichert sie nur projektbezogen – ohne Cookies oder Cross-Site-Tracking.
Häufige Fragen zu fooz.de
Was ist fooz.de?
fooz.de ist ein Gamification-as-a-Service für Web-Apps und SaaS-Produkte. Du integrierst Achievements, XP und Toast-Overlays per JavaScript-Client und REST-API.
Für wen ist fooz gedacht?
Für Entwickler-Teams, die Nutzer motivieren wollen – ohne ein eigenes Gamification-System zu bauen, zu designen und dauerhaft zu pflegen.
Brauche ich zusätzliche Libraries?
Nein. fooz.js ist ein eigenständiges Script ohne weitere Dependencies und funktioniert mit jedem modernen Frontend-Stack.
Wie sieht es mit Datenschutz aus?
fooz arbeitet ohne Cookies und ohne Cross-Site-Tracking. Du übergibst nur pseudonyme User-IDs aus deinem System, projektbezogen, DSGVO-freundlich.