Osadzanie Mahjong Solitaire na Twojej stronie lub blogu

Z radością przedstawiamy nową funkcję na TheMahjong.com. Od teraz możesz osadzić grę Mahjong Solitaire bezpośrednio na swojej stronie lub blogu. Nieważne, czy prowadzisz niewielki blog osobisty, portal z grami czy stronę o łamigłówkach i treningu mózgu — Twoi odwiedzający mogą grać bezpośrednio na Twojej stronie.

W tym artykule wyjaśniamy, jak działa nowa funkcja osadzania, dla kogo jest przeznaczona i jak dodać grę w mahjonga na swoją stronę.

Dlaczego dodaliśmy funkcję osadzania

Mahjong Solitaire naturalnie pasuje do różnych rodzajów treści — artykułów i poradników o łamigłówkach, materiałów tematycznych, stron o pamięci i koncentracji albo katalogów puzzli. We wszystkich tych przypadkach gra umieszczona bezpośrednio na stronie działa lepiej niż link prowadzący na zewnętrzny serwis.

Aby osadzić grę na swojej stronie, nie musisz zmieniać jej kodu. Działa ona jak niewielki, autonomiczny blok, który wstawiasz dokładnie tam, gdzie chcesz. Wystarczy dodać na stronę mały fragment kodu, a resztą zajmiemy się my: gra ładuje się z naszych serwerów, pozostaje aktualna i działa tak samo jak na TheMahjong.com.

Dwa sposoby osadzenia Mahjong Solitaire

Istnieją dwa proste sposoby, aby dodać Mahjong Solitaire do swoich stron:

• iframe. Działa praktycznie na każdej stronie;
• oEmbed. Obsługiwany przez wiele popularnych systemów zarządzania treścią (CMS).

W obu przypadkach użytkownicy widzą tę samą grę. Różni się tylko sposób dodania jej na stronę.

Wariant 1: proste osadzanie przez iframe

Wariant z iframe daje Ci niewielki fragment HTML, który możesz wkleić do kodu strony. Jest to dobre rozwiązanie, jeśli masz możliwość edytowania HTML swojego serwisu lub jeśli w edytorze istnieje blok na własny kod.

Typowy przykład osadzania przez iframe wygląda tak:

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

Możesz:

• umieścić ten blok tam, gdzie chcesz wyświetlić grę;
• zmienić wartość width w procentach, aby gra dopasowywała się do szerokości kontenera;
• zmienić wartość height w pikselach, aby wpasować grę w układ Twojej strony.

Jeśli chcesz wesprzeć TheMahjong.com, możesz dodać niewielki tekstowy link do naszej strony obok osadzonej gry. Nie jest to wymagane, ale zawsze to doceniamy.

Wariant 2: oEmbed dla platform CMS

Jeśli Twoja strona działa na CMS z obsługą oEmbed (na przykład WordPress, Drupal lub Joomla z odpowiednimi wtyczkami), możesz korzystać z osadzania bez bezpośredniej pracy z kodem HTML iframe.

Każda strona „Udostępnij” zawiera URL układu oraz kod oEmbed.

Niektóre edytory potrafią automatycznie zamienić URL układu na osadzoną grę. Wystarczy wkleić ten adres URL do bloku, który obsługuje treści osadzane. W innych przypadkach system może poprosić Cię o wklejenie kodu oEmbed do specjalnego pola lub bloku udostępnionego przez motyw albo wtyczkę.

Jeśli Twój CMS pokazuje tylko zwykły link zamiast gry, najprawdopodobniej oEmbed nie jest włączony lub nie jest obsługiwany w tej części edytora.

Gdzie osadzona gra sprawdza się szczególnie dobrze

Osadzanie gry najlepiej sprawdza się na stronach, gdzie gra uzupełnia temat, a nie odciąga od niego uwagę. Oto kilka przykładów, gdzie blok z grą może działać szczególnie dobrze:

• Tematyczne wpisy i artykuły blogowe. Jeśli piszesz o łamigłówkach, grach planszowych, relaksujących grach, osadzony układ mahjonga logicznie pasuje obok tekstu jako niewielki interaktywny przykład. Wybierz układ, który w jakiś sposób nawiązuje do tematu materiału, aby gra nie sprawiała wrażenia przypadkowej.
• Działy z grami i łamigłówkami na stronie. Na stronach, które mają już sekcję „Gry” lub „Łamigłówki”, osadzona gra w mahjonga może być jednym z głównych elementów strony, a nie tylko linkiem. Dobrze sprawdza się to zarówno w małych projektach osobistych, jak i na większych portalach, które chcą dodać kolejną klasyczną łamigłówkę bez potrzeby tworzenia jej od zera.
• Strony o pamięci, uwadze i treningu mózgu. Artykuły o koncentracji, rozpoznawaniu wzorców czy prostych codziennych ćwiczeniach dla mózgu mogą tylko zyskać na przykładzie, w który można od razu zagrać. Mahjong Solitaire dobrze sprawdza się jako spokojna, nienachalna aktywność, którą czytelnicy mogą wypróbować bez instalowania czegokolwiek i bez opuszczania strony.
• Strony przygotowane na konkretne okazje. W przypadku treści sezonowych (motywy jesienne, zimowe święta, lokalne festiwale) można osadzać układy, które wzmacniają nastrój strony. Na przykład układ ze znakiem zodiaku dla codziennego horoskopu. Tematyczny układ obok głównego tekstu pomaga stronie wyglądać na bardziej dopracowaną i daje odwiedzającym dodatkowy powód, żeby zostać dłużej.
• Sekcje serwisów tematycznych i forów. Na stronach społeczności, forach i wewnętrznych portalach zespołowych często znajdują się proste podstrony w rodzaju „zrób przerwę” lub „zagraj chwilkę”. Osadzony układ mahjonga naturalnie pasuje tam jako niewielka, samodzielna mini-gra, która nie wymaga rejestracji ani pobierania czegokolwiek.

Wydajność i ładowanie

Osadzona gra ładuje się przez HTTPS z TheMahjong.com. Korzysta z tego samego kodu i tych samych zasobów co główna strona, więc jej szybkość działania jest porównywalna: kiedy gra zostanie już zapisana w pamięci podręcznej, układy powinny ładować się szybko przy kolejnych wizytach.

Jeśli osadzasz grę, używając atrybutu loading="lazy" w iframe, większość przeglądarek odłoży jej ładowanie do momentu, gdy użytkownik przewinie stronę do obszaru z grą. Pomaga to zachować responsywność strony, szczególnie jeśli znajduje się na niej kilka osadzonych gier.

Mamy nadzieję, że nowa funkcja osadzania znajdzie swoje miejsce na Twojej stronie. Niezależnie od tego, czy używasz jej w jednym artykule, czy jako część całego działu z grami — testuj różne układy i sposoby umieszczania, aż gra naturalnie wkomponuje się w Twoje treści.