Chat de support pour jeux HTML5 et par navigateur
Une balise script ajoute un chat de support à un jeu web sur itch.io, CrazyGames, Poki ou votre propre site. Aucune dépendance, environ 22 Ko compressé, et il reste dans le cadre de votre jeu.
14 jours gratuits. Ensuite à partir de 29 €/mois. Traduction comprise.
Léger, autonome, et respectueux de votre page.
Un jeu web vit dans l'iframe de quelqu'un d'autre, sur des téléphones au réseau incertain, avec des joueurs qui partent en quelques secondes. Le SDK web est conçu pour ça.
Un fichier, aucune dépendance
Environ 64 Ko, 22 Ko compressé. Hébergez inngame.js avec votre jeu ou chargez-le depuis notre site. Il ne fait rien tant qu'il n'a pas de session.
Bouton flottant ou le vôtre
Un bouton rond dans le coin par défaut. Ou bien launcher: false, Inngame.open() depuis votre menu pause, et le nombre de non-lus sur votre propre badge.
Hors ligne, sans doublons
Les messages écrits hors ligne attendent dans le navigateur, même après un rechargement. Les onglets ouverts partagent la file enregistrée, et chaque message part une seule fois au retour de la connexion.
Le contexte du navigateur, automatiquement
URL de la page, navigateur, fenêtre, langue, fuseau horaire, temps depuis le chargement, les 50 dernières erreurs et alertes de la console, plus ce que renvoie votre fonction context().
Des cadeaux impossibles à réclamer deux fois
Votre équipe envoie une carte d'objet ; le joueur touche Récupérer, et onItemGranted ne s'exécute que si le serveur confirme, même avec deux onglets ouverts.
Sur téléphone aussi
Plein écran sur petit écran, photos redimensionnées avant l'envoi et modérées par le serveur, interface dans la langue du navigateur (25 langues).
Une balise, ou quelques lignes pour aller plus loin.
L'installation la plus courte : <script src="inngame.js" data-app-key="app_…">. Pour masquer le bouton flottant, joindre l'état du jeu ou donner des objets, démarrez-le vous-même :
Les types TypeScript sont dans inngame.d.ts, à côté du script. La version pas à pas, avec une liste de tests pour les portails, est dans le guide du chat de support HTML5 (en anglais).
- itch.io, CrazyGames, Poki ou votre site
- Mettez le jeu en pause sur
open, reprenez surclose - Des événements pour les automatisations ·
Inngame.track("level_failed", { level: 3 })
<script src="inngame.js"></script>
<script>
Inngame.init({
appKey: "app_…",
launcher: false, // ouvert depuis votre propre menu
context: () => ({ level: state.level, coins: state.coins }),
onItemGranted: (item) => inventory.add(item.id, item.quantity),
});
helpButton.onclick = () => Inngame.open();
Inngame.on("unread", (n) => helpBadge.textContent = n || "");
</script>Documentation et guides pour les jeux HTML5.
La documentation et les guides sont en anglais.
Questions fréquentes
Est-ce que ça marche dans l'iframe d'itch.io, de CrazyGames ou de Poki ?
Oui. Le chat est dessiné dans la page de votre jeu, il reste donc dans le cadre que le portail vous donne. Si le bouton flottant gêne vos commandes, désactivez-le et ouvrez le chat depuis votre menu.
Est-ce compatible avec Phaser, PixiJS, Godot ou Construct ?
Oui. Il ne touche ni à votre canvas ni à votre boucle de jeu : il ajoute un seul élément avec son propre Shadow DOM, si bien que vos styles et ceux du chat ne peuvent pas se gêner.
Peut-on l'utiliser avec TypeScript ou un bundler ?
Oui. Il se charge en simple script ou en module CommonJS, et inngame.d.ts documente chaque option et chaque callback pour TypeScript.
Est-ce le même SDK que pour les applications web ?
Oui, le même fichier. Un jeu utilise plutôt les cartes d'objet et son propre bouton Aide ; une application web s'appuie davantage sur l'identité signée et les remboursements Stripe.
Laissez les joueurs web vous écrire avant de fermer l'onglet.
Une balise pour commencer, quelques lignes pour votre propre bouton Aide.
14 jours gratuits. Ensuite à partir de 29 €/mois. Traduction comprise.