Intégrez Mahjong Solitaire sur votre site ou votre blog

Nous sommes heureux de présenter une nouvelle fonctionnalité sur TheMahjong.com. Désormais, vous pouvez intégrer notre jeu Mahjong Solitaire directement sur votre propre site web ou blog. Que vous teniez un petit blog personnel, un portail de jeux ou une page consacrée aux casse-têtes et à l’entraînement cérébral, vos visiteurs peuvent maintenant jouer à Mahjong Solitaire directement sur votre site.

Dans cet article, nous expliquons comment fonctionne cette nouvelle fonctionnalité d’intégration, à qui elle s’adresse et comment ajouter un jeu Mahjong Solitaire à votre site.

Pourquoi nous avons ajouté la fonction d’intégration

Mahjong Solitaire s’adapte naturellement à différents types de contenus : guides sur les casse-têtes, articles thématiques, pages sur la mémoire et l’attention, ou simples collections de dispositions. Dans tous ces cas, avoir le jeu directement sur la page fonctionne mieux que de renvoyer vers un site séparé.

La fonction d’intégration permet cela sans changer la structure de votre site. Elle fonctionne comme un petit bloc de jeu autonome qui devient une partie de votre page là où vous en avez besoin. Vous ajoutez seulement un petit extrait de code sur la page, et nous nous occupons du reste : le jeu se charge depuis nos serveurs, reste à jour et fonctionne de la même manière que sur TheMahjong.com.

Deux façons d’intégrer Mahjong Solitaire

Il existe deux manières simples d’ajouter Mahjong Solitaire à vos pages :

• iframe, qui fonctionne sur presque tous les sites web ;
• oEmbed, qui est pris en charge par de nombreux systèmes de gestion de contenu (CMS) populaires.

Les deux options affichent le même jeu. La seule différence concerne la façon dont vous l’ajoutez à votre page.

Option 1 : Intégration simple avec iframe

L’option iframe vous fournit un court extrait HTML que vous pouvez coller dans votre page. Cela fonctionne bien si vous pouvez modifier le HTML de votre site, ou si votre éditeur propose un bloc pour le code personnalisé.

Un exemple typique d’intégration par iframe ressemble à ceci :

<iframe 
  src="https://themahjong.com/shared-game" 
  title="Mahjong game" 
  loading="lazy" 
  allowFullScreen 
  style="width:100%;height:600px;border:none">
</iframe>

Vous pouvez :

• placer ce bloc à l’endroit où vous souhaitez que le jeu apparaisse ;
• ajuster la width en pourcentage pour que le jeu s’adapte à la largeur du conteneur ;
• ajuster la height en pixels pour l’adapter à la mise en page de votre page.

Si vous souhaitez soutenir TheMahjong.com, vous pouvez ajouter un petit lien textuel vers notre site près du jeu intégré. Ce n’est pas obligatoire, mais toujours apprécié.

Option 2 : oEmbed pour les plateformes CMS

Si votre site utilise un CMS compatible avec oEmbed (par exemple WordPress, Drupal ou Joomla avec les bons plugins), vous pouvez utiliser la fonction d’intégration sans travailler directement avec le HTML de l’iframe.

Chaque page Partager contient l’URL de la disposition et le code oEmbed.

Certains éditeurs peuvent transformer automatiquement l’URL de la disposition en jeu intégré. Il vous suffit de coller l’URL dans un bloc qui prend en charge le contenu embarqué. D’autres configurations vous demanderont peut-être de coller le code oEmbed dans un champ ou un bloc spécial fourni par un thème ou un plugin.

Si votre CMS n’affiche qu’un lien normal à la place du jeu, cela signifie très probablement que oEmbed n’est pas activé ou pas pris en charge dans cette partie de l’éditeur.

Où l’intégration fonctionne particulièrement bien

L’intégration prend tout son sens sur les pages où le jeu soutient le sujet plutôt que de le détourner. Voici quelques endroits où un bloc Mahjong Solitaire peut particulièrement bien fonctionner :

• Articles et billets de blog thématiques. Si vous écrivez sur les casse-têtes, les jeux relaxants, la concentration ou les petites pauses dans la journée, une disposition Mahjong Solitaire intégrée peut se placer à côté du texte comme un petit exemple interactif. Vous pouvez choisir une disposition qui correspond plus ou moins au sujet, afin que le jeu ne paraisse pas hors de propos sur la page.
• Sections de jeux et de casse-têtes sur un site web. Sur les sites qui disposent déjà d’une section « Jeux » ou « Casse-têtes », un jeu de mahjong intégré peut devenir l’un des éléments principaux de la page plutôt qu’un simple lien. Cela fonctionne aussi bien pour de petits projets personnels que pour de plus grands portails qui souhaitent ajouter un classique supplémentaire sans le développer eux-mêmes.
• Pages sur la mémoire, l’attention et l’entraînement. Les articles qui parlent de concentration, de reconnaissance de motifs ou de petits exercices cérébraux quotidiens peuvent bénéficier d’un exemple jouable. Mahjong Solitaire s’intègre bien comme activité peu stressante que les lecteurs peuvent essayer immédiatement, sans installer quoi que ce soit ni quitter la page.
• Pages saisonnières ou liées à un événement. Pour les contenus saisonniers (thèmes d’automne, fêtes d’hiver, festivals locaux), vous pouvez intégrer des dispositions qui correspondent à l’ambiance de la page. Par exemple, une disposition avec un signe du zodiaque pour votre horoscope quotidien. Une disposition thématique près du texte principal aide la page à paraître plus complète et donne aux visiteurs une raison de rester un peu plus longtemps.
• Hubs de communauté et pages « faire une pause ». Certains sites communautaires, forums ou sites d’équipe ont une simple page « faire une pause » ou « jouer une minute ». Une disposition Mahjong Solitaire intégrée y trouve naturellement sa place comme petite activité autonome qui ne nécessite ni inscription ni téléchargement.

Performances et chargement

Le jeu intégré est chargé en HTTPS depuis TheMahjong.com. Il utilise le même code et les mêmes ressources que le site principal, donc les performances sont similaires : une fois le jeu mis en cache, les dispositions devraient se charger rapidement lors des visites suivantes.

Si vous intégrez le jeu en utilisant l’attribut loading="lazy" dans l’iframe, la plupart des navigateurs attendront que le joueur fasse défiler la page jusqu’à proximité du jeu avant de le charger. Cela peut aider votre page à rester réactive, surtout si vous avez plus d’une intégration sur la même page.

Nous espérons que cette nouvelle fonctionnalité d’intégration trouvera une bonne place sur votre site. Que vous l’utilisiez dans un seul article ou dans une section de jeux, n’hésitez pas à expérimenter différentes dispositions et positions jusqu’à ce qu’elle s’intègre naturellement à votre contenu.