Einbindung (Embed SDK)
Einbindung auf deiner Website
Die Einbindung funktioniert über ein JavaScript-SDK. Du brauchst nur deinen Embed-Key (beginnt mit pk_live_) und die Arcade-ID deines Automaten.
Minimal-Beispiel
<script src="https://rentanarcade.quiztreff.de/rentanarcade/embed.js"></script>
<div id="arcade"></div>
<script>
RentAnArcade.init({
embedKey: 'pk_live_dein_key',
arcadeId: 'arc_deine_arcade_id',
container: '#arcade'
});
</script>
Das war es. Der Automat erscheint im Cabinet-Look mit Joystick-Animation, Münzeinwurf und allem Drum und Dran.
Erweitert: Spieler-ID und Custom Values
Für Gewinnspiele und Auswertungen kannst du eine Spieler-ID und bis zu 4 frei wählbare Werte mitgeben. Diese werden bei jedem Score gespeichert und im Webhook mitgesendet.
RentAnArcade.init({
embedKey: 'pk_live_...',
arcadeId: 'arc_...',
container: '#arcade',
player: {
id: 'user-42', // Deine interne User-ID
name: 'Max Mustermann' // Anzeigename im Leaderboard
},
custom: [
'gewinnspiel-ostern', // Custom 1: z.B. Kampagnen-ID
'newsletter', // Custom 2: z.B. Kanal
'gold-member', // Custom 3: z.B. User-Typ
'Berlin' // Custom 4: z.B. Region
],
onScore: function(data) {
console.log('Erreichte Punkte:', data.score);
},
onReady: function() {
console.log('Spiel geladen');
}
});
Alle Parameter
| Parameter | Typ | Pflicht | Beschreibung |
|---|---|---|---|
embedKey | String | Ja | Dein Embed-Key (Dashboard → API-Zugang) |
arcadeId | String | Ja | ID des Automaten (Dashboard → Meine Automaten) |
container | String | Ja | CSS-Selektor des Ziel-Elements |
player.id | String | Nein | Deine interne User-ID für Auswertungen |
player.name | String | Nein | Anzeigename im Leaderboard |
custom[0-3] | String | Nein | 4 frei wählbare Werte (je max. 255 Zeichen) |
mode | String | Nein | 'raw' = Nur das Spiel ohne Cabinet (Extra nötig) |
height | String/Int | Nein | iFrame-Höhe, z.B. '600px' |
onScore | Function | Nein | Callback bei Spielende |
onReady | Function | Nein | Callback wenn Spiel geladen |
Raw Mode
Im Raw Mode wird nur das Spiel selbst gerendert — ohne Cabinet-Rahmen, Joystick und Branding. Perfekt für nahtlose Integration in Shops oder Apps.
RentAnArcade.init({
embedKey: 'pk_live_...',
arcadeId: 'arc_...',
container: '#arcade',
mode: 'raw',
height: 560
});
Hinweis: Raw Mode ist ein Extra (+9,99 €/Monat). Ohne das Extra wird automatisch der Cabinet-Modus verwendet.
Hinweis: Alle genannten Preise sind unverbindlich und können sich jederzeit ändern. Aktuelle Preise findest du auf rentanarcade.quiztreff.de.