Comment ajouter des jeux gratuits pour navigateur à votre site WordPress - Aucune connaissance en programmation requise

De nombreux sites WordPress sont conçus pour être lus, parcourus rapidement et cliqués. Cette approche convient parfaitement aux blogs, aux pages d'entreprise et aux plateformes de ressources, mais peut aussi donner une impression de stagnation. L'ajout d'un petit jeu interactif jouable dans le navigateur offre aux visiteurs une expérience interactive sans qu'ils aient à télécharger d'application ni à quitter votre site.

Games I Know propose des jeux légers pour navigateur tels que Tic Tac Toe, Four in a Row, Bingo et I Know. Grâce à l'extension WordPress Embed Browser Games by Games I Know, vous pouvez ajouter ces jeux via l'éditeur de blocs ou un shortcode, sans avoir à coller manuellement le code HTML iframe.

Réponse rapide : comment ajouter des jeux à WordPress ?

Installez Browser Games de Embed par Games I Know, ajoutez votre ID partenaire dans Games I Know > Paramètres, insérez un bloc de jeu Games I Know ou le shortcode `[gamesiknow]`, prévisualisez la page sur ordinateur et mobile, puis publiez-la. Les visiteurs jouent directement dans leur navigateur, sans téléchargement d'application.

Pourquoi ajouter des jeux par navigateur à un site WordPress ?

Un jeu par navigateur ne doit pas transformer votre site en portail de jeux. Pour de nombreux sites WordPress, son utilisation optimale consiste en une courte séquence interactive intégrée à une page plus longue : une activité rapide à la fin d’un article de blog, un jeu pour patienter sur la page d’un restaurant, une activité en classe ou une pause ludique sur un site communautaire.

• Les jeux peuvent accroître l'engagement et le temps passé sur la page lorsqu'ils sont adaptés au contenu.
• Les visiteurs ont ainsi la possibilité d'effectuer des tâches sans quitter votre site WordPress.
• Les articles de blog et les pages de destination peuvent être plus mémorables grâce à un simple élément interactif.
• Les écoles, les collectivités et les entreprises locales peuvent ajouter du contenu ludique sans avoir à créer d'application personnalisée.
• Les jeux par navigateur fonctionnent instantanément ; aucun téléchargement sur une boutique d’applications n’est requis.
• Vous évitez de créer un jeu personnalisé à partir de zéro lorsqu'un embed hébergé suffit.

À qui cela peut-il être utile ?

• Blogueurs qui souhaitent des articles de blog interactifs
• Écoles et enseignants gérant des pages d'activités en classe
• Sites Web communautaires et sites d'adhésion
• Pages QR des restaurants et des salles d'attente
• Les entreprises locales ajoutent une touche d'engagement légère
• Agences créant des sites WordPress pour leurs clients
• Éditeurs de niche et plateformes de ressources
• Portails d'équipe internes avec une activité de pause rapide

Qu'est-ce que GamesIKnow Embed ?

GamesIKnow Embed est la plateforme embed de Games I Know. Elle permet aux propriétaires de sites web d'ajouter des jeux jouables par navigateur à leurs sites via des URL sécurisées iframe. Pour les utilisateurs de WordPress, l'extension officielle — Embed Browser Games par Games I Know — ajoute un écran de paramètres, un bloc Gutenberg, un shortcode et un générateur de shortcodes, vous évitant ainsi d'écrire le code HTML iframe manuellement.

Les fonctionnalités confirmées de ce plugin incluent le bloc Jeu, le shortcode `[gamesiknow]`, les paramètres de l'ID partenaire et le comportement par défaut, ainsi que le générateur de shortcodes pour des shortcodes prêts à l'emploi. L'ID partenaire est requis : sans lui, les jeux ne se chargeront pas. Ce plugin connecte votre site WordPress à votre compte partenaire et à votre domaine approuvé.

Étape par étape : ajouter un jeu navigateur à WordPress

1. Connectez-vous à votre tableau de bord d'administration WordPress.
2. Ouvrir les plugins > Ajouter.
3. Recherchez « Embed Jeux par navigateur par Games I Know ».
4. Cliquez sur Installer maintenant, puis sur Activer.
5. Ouvrez Games I Know > Paramètres dans le menu d'administration de gauche.
6. Obligatoire : cliquez sur « Obtenir l’identifiant partenaire », connectez-vous à Games I Know, copiez votre identifiant partenaire depuis l’onglet « Installer », collez-le dans le champ « Identifiant partenaire » et cliquez sur « Enregistrer l’identifiant partenaire ».
7. Facultatif : activer le chargement différé par défaut et autoriser le mode plein écran par défaut si cela correspond au comportement souhaité des jeux sur l’interface utilisateur.
8. Créez un nouvel article ou une nouvelle page, ou modifiez-en un existant.
9. Insérez le bloc de jeu Games I Know à partir de l'inséreur de blocs, ou ajoutez un shortcode tel que [gamesiknow game="tic-tac-toe"].
10. Choisissez les options de jeu et de mise en page dans la barre latérale du bloc ou dans les attributs du code court.
11. Prévisualisez la page sur ordinateur et mobile. Vérifiez que le jeu iframe se charge correctement et dispose d'une hauteur suffisante.
12. Publier ou mettre à jour la page.

Ajoutez un jeu avec le bloc WordPress

L'extension ajoute un bloc nommé Games I Know Game dans l'éditeur de blocs WordPress. Ouvrez un article ou une page, cliquez sur l'outil d'insertion de blocs (+), recherchez « Games I Know » et ajoutez le bloc. Utilisez la barre latérale du bloc pour choisir le jeu, le thème, le mode, la largeur, la hauteur, l'alignement, le rayon de bordure, l'ombre, le chargement différé et le mode plein écran.

Le bloc s'affiche uniquement sur le site. Dans l'éditeur, vous voyez une fiche récapitulative et le code court correspondant, ce qui vous permet de voir ce qui apparaîtra après publication. Si l'identifiant partenaire est manquant, le bloc affiche un avertissement dans l'éditeur et les jeux ne se chargeront pas sur le site tant que vous n'aurez pas enregistré un identifiant partenaire dans Games I Know > Paramètres.

Ajouter un jeu avec un code court

Si vous préférez les shortcodes (ou si vous en avez besoin dans les zones de l'éditeur classique, les widgets ou les constructeurs de pages compatibles avec les shortcodes), utilisez `[gamesiknow]`. L'extension inclut également Games I Know > Shortcode Builder, qui génère des shortcodes prêts à l'emploi depuis wp-admin.

[gamesiknow]
  [gamesiknow game="tic-tac-toe"]
  [gamesiknow game="four-in-a-row" height="620" theme="dark" mode="ai"]
  [gamesiknow game="bingo" width="480px" height="720" campaign_id="summer-campaign"]

Les jeux compatibles sont : `tic-tac-toe`, `four-in-a-row`, `bingo` et `i-know`. Les attributs optionnels incluent : `width`, `height`, `max_width`, `align`, `theme`, `mode`, `campaign_id`, `border_radius`, `shadow`, `lazy` et `allow_fullscreen`.

Où placer les jeux sur un site WordPress ?

• À la fin d'un article de blog, en tant qu'activité connexe
• Sur une page dédiée aux jeux ou aux activités
• Sur une page de ressources pour une salle de classe ou une école
• Sur une page communautaire ou un événement
• Dans une section de page d'accueil suffisamment large
• Sur une page de restaurant ou de salle d'attente
• Sur une page d'activités pour enfants
• Dans une zone de contenu large ou un bloc pleine largeur

Évitez les barres latérales trop étroites. Les jeux par navigateur nécessitent une largeur et une hauteur suffisantes pour être jouables, surtout sur mobile. L'extension Shortcode Builder propose des dimensions recommandées pour chaque jeu.

Quel jeu devriez-vous ajouter en premier ?

• Tic Tac Toe — idéal pour des parties rapides et simples et pour les premiers tests
• Four in a Row — idéal pour les pages de stratégie légère et adaptées aux familles
• Bingo — idéal pour les groupes, les salles de classe et les événements
• I Know — idéal pour les jeux de questions-réponses et les quiz.

Manuel iframe vs plugin WordPress

Vous pouvez créer des jeux manuellement avec du code HTML ou utiliser l'extension WordPress. Pour la plupart des utilisateurs WordPress non techniques, l'extension est la solution la plus simple car elle gère l'interface utilisateur des blocs, les codes courts, les paramètres et les URL sécurisées.

Conseils avant publication

• Prévisualisez sur mobile et ordinateur avant publication.
• Ajoutez un court titre au-dessus du jeu pour que les visiteurs sachent quoi faire.
• Expliquez l'activité en une phrase, par exemple : « Faites une petite partie pendant votre lecture. »
• Évitez de surcharger une seule page avec trop de jeux en direct embed.
• Réessayez après avoir changé de thème ou de constructeur de pages.
• Utilisez des titres de jeu clairs et des titres iframe pour l'accessibilité.
• Veillez à ce que le contenu environnant de la page soit utile afin que la page reste lisible pour la recherche.

Dépannage

Le jeu n'apparaît pas

Vérifiez que l'extension est activée, que la page est publiée et que vous avez utilisé le bloc de jeu Games I Know ou un shortcode `[gamesiknow]` valide. Assurez-vous que votre thème ou votre constructeur de pages autorise l'affichage de iframe sur le site.

Le code court s'affiche en texte brut

WordPress n'exécute les shortcodes que dans les zones de contenu qui les prennent en charge. Si vous voyez le texte `[gamesiknow]` tel quel, utilisez un bloc Shortcode, la prise en charge classique des shortcodes ou un widget du constructeur qui exécute les shortcodes.

Le bloc n'est pas visible dans l'éditeur

Recherchez « Games I Know Game » dans l'outil d'insertion de blocs. Si le jeu n'apparaît toujours pas, vérifiez que « Embed Browser Games by Games I Know » est actif et que vous utilisez bien l'éditeur de blocs.

Le mauvais jeu apparaît

Vérifiez l'identifiant du jeu dans la barre latérale du bloc ou dans le code court. Les valeurs prises en charge sont : `tic-tac-toe`, `four-in-a-row`, `bingo` et `i-know`.

Le jeu paraît trop petit sur mobile

Augmentez la hauteur, utilisez une zone de contenu plus large et évitez les barres latérales étroites. Le générateur de shortcodes indique les tailles recommandées pour chaque jeu.

Questions sur l'identification du partenaire

Un identifiant partenaire est requis pour le chargement des jeux. Ouvrez Games I Know > Paramètres, cliquez sur Obtenir l'identifiant partenaire, connectez-vous à Games I Know, copiez la valeur depuis l'onglet Installation de votre tableau de bord partenaire, collez-la dans le champ Identifiant partenaire et cliquez sur Enregistrer l'identifiant partenaire. Vérifiez également que le domaine de votre site WordPress est approuvé dans votre tableau de bord partenaire.

Un constructeur de pages ou un thème interfère avec embed

Certains constructeurs de sites suppriment le contenu de iframe ou bloquent les blocs personnalisés. Essayez le shortcode dans un bloc Shortcode natif de WordPress, testez-le avec un thème par défaut ou consultez la documentation du constructeur pour plus d'informations sur la compatibilité de iframe et des shortcodes.