Nhúng Mahjong Solitaire vào Trang Web hoặc Blog của Bạn

Chúng tôi rất vui được giới thiệu một tính năng mới trên TheMahjong.com. Từ bây giờ, bạn có thể nhúng trò chơi Mahjong Solitaire của chúng tôi trực tiếp vào chính trang web hoặc blog của mình. Dù bạn điều hành một blog cá nhân nhỏ, một cổng game hay một trang về câu đố và luyện trí não, khách truy cập của bạn giờ đây có thể chơi Mahjong Solitaire ngay trên trang của bạn.

Trong bài viết này, chúng tôi sẽ giải thích cách hoạt động của tính năng nhúng mới, đối tượng mà nó hướng tới và cách bạn có thể thêm trò chơi Mahjong Solitaire vào trang web của mình.

Vì sao chúng tôi thêm tính năng nhúng

Mahjong Solitaire phù hợp một cách tự nhiên với nhiều loại nội dung khác nhau — các hướng dẫn về câu đố, bài viết theo chủ đề, trang về trí nhớ và sự tập trung hoặc những bộ sưu tập bố cục đơn giản. Trong những trường hợp này, việc có trò chơi ngay trên trang hiệu quả hơn nhiều so với việc dẫn liên kết sang một trang web khác.

Tính năng nhúng giúp điều này trở nên khả thi mà không cần thay đổi cấu trúc trang web của bạn. Nó hoạt động như một khối trò chơi nhỏ, độc lập được gắn vào đúng vị trí bạn cần trên trang. Bạn chỉ cần thêm một đoạn mã ngắn vào trang, phần còn lại chúng tôi sẽ xử lý: trò chơi được tải từ máy chủ của chúng tôi, luôn được cập nhật và hoạt động giống hệt như trên TheMahjong.com.

Hai cách để nhúng Mahjong Solitaire

Có hai cách đơn giản để thêm Mahjong Solitaire vào các trang của bạn:

• iframe, hoạt động trên hầu như mọi trang web,
• oEmbed, được hỗ trợ bởi nhiều hệ quản trị nội dung (CMS) phổ biến.

Cả hai tùy chọn đều hiển thị cùng một trò chơi; điểm khác biệt chỉ là cách bạn thêm nó vào trang của mình.

Tùy chọn 1: Nhúng bằng iframe đơn giản

Tùy chọn iframe cung cấp cho bạn một đoạn mã HTML ngắn mà bạn có thể dán vào trang. Cách này rất phù hợp nếu bạn có thể chỉnh sửa HTML của trang web hoặc nếu trình soạn thảo của bạn có khối dành cho mã tùy chỉnh.

Một đoạn nhúng iframe điển hình trông như sau:

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

Bạn có thể:

• đặt khối này ở vị trí bạn muốn trò chơi xuất hiện;
• điều chỉnh width theo phần trăm để trò chơi tự thích ứng với chiều rộng của khung chứa;
• điều chỉnh height theo pixel để phù hợp với bố cục trang của bạn.

Nếu bạn muốn ủng hộ TheMahjong.com, bạn có thể thêm một liên kết dạng văn bản nhỏ dẫn về trang của chúng tôi gần khu vực trò chơi được nhúng. Điều này không bắt buộc, nhưng chúng tôi luôn trân trọng.

Tùy chọn 2: oEmbed cho các nền tảng CMS

Nếu trang web của bạn chạy trên một hệ quản trị nội dung (CMS) hỗ trợ oEmbed (chẳng hạn như WordPress, Drupal hoặc Joomla với các plugin phù hợp), bạn có thể sử dụng tính năng nhúng mà không cần làm việc trực tiếp với mã HTML iframe.

Mỗi trang chia sẻ trò chơi đều có URL bố cục và mã oEmbed.

Một số trình soạn thảo có thể tự động biến URL bố cục thành trò chơi nhúng. Bạn chỉ cần dán URL vào một khối hỗ trợ nội dung nhúng. Các thiết lập khác có thể yêu cầu bạn dán mã oEmbed vào một trường hoặc khối đặc biệt do giao diện hoặc plugin cung cấp.

Nếu CMS của bạn chỉ hiển thị một liên kết thông thường thay vì trò chơi, rất có thể oEmbed chưa được bật hoặc không được hỗ trợ trong phần đó của trình soạn thảo.

Những nơi nhúng trò chơi hoạt động hiệu quả nhất

Việc nhúng trò chơi hợp lý nhất trên những trang mà trò chơi bổ trợ cho chủ đề thay vì làm người đọc xao nhãng. Dưới đây là một vài nơi mà một khối Mahjong Solitaire có thể phát huy hiệu quả đặc biệt tốt:

• Những bài viết và bài blog theo chủ đề. Nếu bạn viết về câu đố, trò chơi thư giãn, khả năng tập trung hoặc những khoảng nghỉ ngắn trong ngày, một bố cục Mahjong Solitaire được nhúng có thể nằm cạnh phần văn bản như một ví dụ tương tác nhỏ. Bạn có thể chọn một bố cục gần với chủ đề để trò chơi không bị cảm giác lạc lõng trên trang.
• Các mục game và câu đố trên trang web. Trên những trang đã có mục “Trò chơi” hoặc “Câu đố”, một trò chơi mahjong được nhúng có thể trở thành một trong những thành phần chính trên trang thay vì chỉ là một liên kết. Cách này phù hợp cả với các dự án cá nhân nhỏ lẫn những cổng thông tin lớn muốn bổ sung thêm một trò chơi kinh điển mà không cần tự xây dựng từ đầu.
• Các trang nói về trí nhớ, sự tập trung và luyện tập. Những bài viết bàn về khả năng tập trung, nhận diện mẫu hoặc các bài tập não bộ đơn giản hàng ngày sẽ được hưởng lợi khi có một ví dụ có thể chơi được. Mahjong Solitaire rất phù hợp như một hoạt động nhẹ nhàng, không gây áp lực mà người đọc có thể thử ngay, không cần cài đặt gì hoặc rời khỏi trang.
• Các trang theo mùa hoặc theo sự kiện. Với nội dung theo mùa (chủ đề mùa thu, kỳ nghỉ đông, lễ hội địa phương), bạn có thể nhúng những bố cục phù hợp với không khí của trang. Ví dụ, một bố cục có hình cung hoàng đạo dành cho phần tử vi hằng ngày. Một bố cục theo chủ đề đặt gần phần nội dung chính sẽ giúp trang trông đầy đặn hơn và khiến khách truy cập muốn ở lại lâu hơn một chút.
• Các trung tâm cộng đồng và những trang “nghỉ giải lao”. Một số cộng đồng, diễn đàn hoặc trang nội bộ của đội ngũ có những trang đơn giản kiểu “nghỉ chút đã” hoặc “chơi một phút”. Một bố cục Mahjong Solitaire được nhúng rất phù hợp ở đó như một hoạt động nhỏ, độc lập, không yêu cầu đăng ký hay tải xuống.

Hiệu năng và tốc độ tải

Trò chơi được nhúng được tải qua giao thức HTTPS từ TheMahjong.com. Nó sử dụng cùng một bộ mã và tài nguyên như trên trang chính, vì vậy hiệu năng là tương đương: khi trò chơi đã được lưu vào bộ nhớ đệm, các bố cục sẽ tải rất nhanh trong những lần truy cập tiếp theo.

Nếu bạn nhúng trò chơi với thuộc tính loading="lazy" trong iframe, hầu hết trình duyệt sẽ chờ đến khi người dùng cuộn đến gần khu vực đó mới bắt đầu tải. Điều này giúp trang của bạn giữ được độ phản hồi tốt, đặc biệt khi bạn có nhiều hơn một khối nhúng trên cùng một trang.

Chúng tôi hy vọng tính năng nhúng mới này sẽ tìm được một vị trí hợp lý trên trang web của bạn. Dù bạn sử dụng nó trong một bài viết riêng lẻ hay như một phần của mục trò chơi, cứ thoải mái thử nghiệm các bố cục và vị trí khác nhau cho đến khi nó hòa hợp tự nhiên với nội dung của bạn.