Placement rapide
Collez un extrait iframe dans un bloc CMS, un constructeur de site web ou un modèle HTML sans reconstruire votre page.
Jeu Iframe embeds
Jeux iframe pour votre site web
Ajoutez un jeu de navigateur jouable à un site web grâce à un simple iframe. Games I Know offre aux propriétaires de sites une interface légère, des jeux adaptés aux mobiles et des événements postMessage optionnels pour les démarrages, les déplacements et les résultats.
Itinéraire de trame pour embeds
dimensionnement optimisé pour mobile
événements postMessage
Configuration prenant en compte le domaine
Réponse courte
Utilisez une route de cadre, puis ajoutez le contexte de la page.
Pour les sites web embed, utilisez un Games I Know iframe avec la route /embed/{gameSlug}/frame/, une largeur de 100 % et votre ID de locataire. Cela fonctionne bien pour les blogs, les pages d'entreprise, les communautés et les sites personnalisés.
Essayez un jeu iframe embed
Lancez d'abord la démo iframe, puis consultez le journal des événements de la page parente pour voir ce que votre site Web peut recevoir.
Les propriétaires de sites qui souhaitent un accès direct à iframe embed
Pourquoi les jeux iframe fonctionnent-ils bien sur les sites web ?
Un iframe permet d'isoler le jeu de votre page principale tout en offrant aux visiteurs un bloc jouable à l'aspect natif.
Isolement plus sûr
Le jeu s'exécute dans sa propre fenêtre, ce qui permet de séparer la mise en page, les scripts et les styles de votre page hôte.
Événements utiles
Surveillez les événements de début et de fin lorsque vous avez besoin d'analyses, de récompenses ou de comportements personnalisés sur les pages.
Flux de configuration
Comment ajouter des jeux iframe à un site web
Le modèle de production est simple : enregistrer le domaine, copier une URL de cadre, définir les dimensions iframe et écouter les événements si nécessaire.
Étape 1
Créer un compte partenaire
Enregistrez le site qui hébergera le jeu afin que le iframe puisse être lié à un domaine approuvé.
Étape 2
Choisissez un jeu
Choisissez Tic Tac Toe, Four in a Row, Bingo ou I Know en fonction de l'audience et de la mise en page.
Étape 3
Collez l'URL du cadre
Utilisez /embed/{gameSlug}/frame/ comme source iframe. La page publique /embed/{gameSlug}/ est destinée aux humains et aux moteurs de recherche.
Étape 4
Soyez à l'écoute des événements
Utilisez les événements postMessage tels que GAME_STARTED et GAME_COMPLETED lorsque votre page a besoin d'analyses, de récompenses ou d'une interface utilisateur personnalisée.
Mise en œuvre
Notes sur le placement des iframes
Utilisez la route de trame à l'intérieur de iframe et conservez la route d'atterrissage publique disponible comme un lien normal pour les utilisateurs et les robots d'exploration.
Utilisez le chemin du cadre
L'attribut iframe src doit pointer vers /embed/{gameSlug}/frame/ avec votre identifiant de locataire. Ne pas inclure iframe dans la page SEO publique.
Définir des dimensions stables
Utilisez une largeur de 100 % et une hauteur proche de 640 px pour que le jeu ait suffisamment d'espace sur les téléphones et les colonnes de contenu des ordinateurs de bureau.
Gérer la finalisation avec soin
Pour les prix, les crédits ou le contenu protégé, transmettez resultId et signedToken de GAME_COMPLETED à votre serveur et vérifiez avec une clé de serveur partenaire avant d'octroyer les récompenses.
Jeux disponibles
Choisissez le jeu qui convient à la page
Tic Tac Toe
Embed for same-screen play on your site, or send players to Games I Know to challenge a friend remotely with a room link.
Embed configuration
Four in a Row
Embed for local two-player drops on one screen, or link friends to play Four in a Row online from anywhere.
Embed configuration
Bingo
Same-screen Bingo in your embed, or host a remote room so players can join from their own devices.
Embed configuration
I Know
Quick trivia in your embed on one screen, or run a live room so friends can answer from anywhere.
Embed configuration
Sudoku
Embed a solo Sudoku puzzle for calm brain breaks on blogs, school pages, and waiting-room screens.
Embed configuration
Word Search
Embed a solo Word Search puzzle for quick brain breaks on blogs, school pages, and waiting-room screens.
Embed configuration
FAQ
Questions fréquentes concernant iframe jeux pour site Web
Quelle est la différence entre /embed/{gameSlug}/ et /embed/{gameSlug}/frame/?
Utilisez /embed/{gameSlug}/frame/ comme source de iframe. Cette route correspond au cadre de jeu léger conçu pour les événements embed du site web et les événements postMessage. La route /embed/{gameSlug}/ est la page de prévisualisation publique et la page optimisée pour le référencement (SEO) ; elle ne doit pas être placée dans un iframe.
Les visiteurs doivent-ils télécharger une application ou créer un compte ?
Non. Les visiteurs peuvent jouer directement dans le navigateur iframe sur téléphone, tablette, ordinateur portable ou ordinateur de bureau. Un compte partenaire est uniquement nécessaire au propriétaire du site web qui installe embed.
Puis-je limiter embed à mon propre domaine ?
Oui. Les Games I Know et embed sont conçus autour de sites Web enregistrés et de paramètres de locataires restreints au domaine, de sorte que le code iframe copié ne peut pas être librement réutilisé sur des sites non autorisés.
Quels titres Games I Know sont actuellement embeddable ?
Les jeux Tic Tac Toe, Four in a Row, Bingo et I Know sont disponibles en tant que jeux navigateur jouables (embed). La documentation embed utilise le même modèle d'événements pour tous les jeux compatibles.
Les jeux iframe sont-ils mauvais pour le référencement naturel ?
La page d'accueil du jeu ne doit pas être optimisée pour le référencement (SEO). Créez une page indexable classique autour de embed avec du texte utile, des liens et une FAQ. Games I Know fournit également des pages publiques embed et une documentation compréhensibles par les moteurs de recherche et les robots d'exploration AI.
Prêt à ajouter un jeu par navigateur ?
Créez un compte partenaire, enregistrez votre domaine et générez un iframe à restriction de domaine pour votre site web.