Bädda in Mahjong Solitaire på din webbplats eller blogg

Vi är glada att kunna introducera en ny funktion på TheMahjong.com. Från och med nu kan du bädda in vårt Mahjong Solitaire-spel direkt på din egen webbplats eller blogg. Oavsett om du driver en liten personlig blogg, en spelportal eller en sida om pussel och hjärnträning kan dina besökare nu spela Mahjong Solitaire direkt på din sajt.

I den här artikeln förklarar vi hur den nya inbäddningsfunktionen fungerar, vem den är tänkt för och hur du kan lägga till ett Mahjong Solitaire-spel på din webbplats.

Varför vi lade till inbäddningsfunktionen

Mahjong Solitaire passar naturligt ihop med olika typer av innehåll – guider om pussel, tematiska artiklar, sidor om minne och koncentration eller enkla samlingar av layouter. I sådana fall fungerar det bättre att ha spelet direkt på sidan än att länka vidare till en separat webbplats.

Inbäddningsfunktionen gör detta möjligt utan att du behöver ändra hur din webbplats är uppbyggd. Den fungerar som ett litet, fristående spelblock som blir en del av sidan där du behöver det. Du lägger bara till ett litet kodstycke på sidan, så sköter vi resten: spelet laddas från våra servrar, hålls uppdaterat och fungerar på samma sätt som på TheMahjong.com.

Två sätt att bädda in Mahjong Solitaire

Det finns två enkla sätt att lägga till Mahjong Solitaire på dina sidor:

• iframe, som fungerar på nästan alla webbplatser,
• oEmbed, som stöds av många populära publiceringssystem (CMS).

Båda alternativen visar samma spel. Skillnaden ligger bara i hur du lägger till det på sidan.

Alternativ 1: Enkel iframe-inbäddning

Iframe-alternativet ger dig ett kort HTML-snippet som du kan klistra in på sidan. Det fungerar bra om du kan redigera webbplatsens HTML eller om din editor har ett block för egen kod.

En typisk iframe-inbäddning ser ut så här:

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

Du kan göra följande:

• placera det här blocket där du vill att spelet ska visas;
• justera width i procent så att spelet anpassar sig efter behållarens bredd;
• justera height i pixlar så att det passar bättre ihop med sidans layout.

Om du vill stödja TheMahjong.com kan du lägga en liten textlänk tillbaka till vår webbplats nära det inbäddade spelet. Det är inte obligatoriskt, men uppskattas alltid.

Alternativ 2: oEmbed för CMS-plattformar

Om din webbplats körs på ett CMS som stöder oEmbed (till exempel WordPress, Drupal eller Joomla med rätt insticksmoduler) kan du använda inbäddningsfunktionen utan att själv behöva arbeta med iframe-HTML.

Varje sidan "Dela" har layout-URL:en och oEmbed-koden.

Vissa editorer kan automatiskt omvandla layout-URL:en till ett inbäddat spel. Du klistrar helt enkelt in URL:en i ett block som stöder inbäddat innehåll. I andra miljöer kan du behöva klistra in oEmbed-koden i ett särskilt fält eller block som tillhandahålls av ett tema eller ett insticksprogram.

Om ditt CMS bara visar en vanlig länk i stället för spelet betyder det oftast att oEmbed inte är aktiverat eller inte stöds i just den delen av editorn.

Var inbäddning fungerar extra bra

Inbäddning är särskilt meningsfull på sidor där spelet stödjer ämnet i stället för att dra uppmärksamheten från det. Här är några platser där ett Mahjong Solitaire-block kan fungera extra bra:

• Tematiska blogginlägg och artiklar. Om du skriver om pussel, avslappnande spel, fokus eller korta pauser under dagen kan en inbäddad Mahjong Solitaire-layout stå bredvid texten som ett litet interaktivt exempel. Du kan välja en layout som i stora drag matchar ämnet, så att spelet inte känns slumpmässigt placerat på sidan.
• Spel- och pusselsektioner på en webbplats. På sidor som redan har en sektion "Spel" eller "Pussel" kan ett inbäddat mahjongspel vara ett av huvudelementen på sidan i stället för bara en länk. Det fungerar både för små personliga projekt och för större portaler som vill lägga till ännu ett klassiskt pussel utan att behöva bygga det själva.
• Sidor om minne, uppmärksamhet och träning. Artiklar om koncentration, mönsterigenkänning eller enkla dagliga hjärnövningar kan dra nytta av ett spelbart exempel. Mahjong Solitaire passar bra här som en lättillgänglig aktivitet som läsarna kan testa direkt utan att behöva installera något eller lämna sidan.
• Säsongs- eller evenemangsrelaterade sidor. För säsongsbetonat innehåll (höstteman, vinterhögtider, lokala festivaler) kan du bädda in layouter som matchar sidans stämning. Till exempel en layout med ett stjärntecken bredvid din dagliga astrologiska prognos. En tematisk layout intill huvudtexten får sidan att kännas mer komplett och ger besökarna en anledning att stanna kvar lite längre.
• Community-hubbar och "ta en paus"-sidor. Vissa communities, forum eller teamsajter har en enkel sida för att "ta en paus" eller "spela en minut". En inbäddad Mahjong Solitaire-layout passar där helt naturligt som en liten, fristående aktivitet som inte kräver registrering eller nedladdningar.

Prestanda och laddning

Det inbäddade spelet laddas via HTTPS från TheMahjong.com. Det använder samma kod och samma resurser som huvudsajten, så prestandan är jämförbar: när spelet väl finns i cache bör layouterna laddas snabbt vid återbesök.

Om du bäddar in spelet med attributet loading="lazy" i iframe-elementet väntar de flesta webbläsare med att ladda det tills spelaren scrollar ner till det. Det kan hjälpa sidan att förbli responsiv, särskilt om du har mer än en inbäddning på samma sida.

Vi hoppas att den här nya inbäddningsfunktionen kommer att få en fin plats på din webbplats. Oavsett om du använder den i en enskild artikel eller som en del av en spelsektion kan du gärna experimentera med olika layouter och placeringar tills den passar naturligt ihop med ditt innehåll.