18/11/2025

在你的网站或博客中嵌入麻将接龙游戏

我们很高兴在 TheMahjong.com 上推出一项新功能。现在，您可以将我们的麻将接龙游戏直接嵌入到自己的网站或博客中。无论您运营的是一个小型个人博客、游戏平台，还是关于益智游戏和大脑训练的专题页面，访客都可以直接在您的站点上游玩麻将接龙。

在这篇文章中，我们会说明这个新嵌入功能是如何工作的，适合哪些网站使用，以及如何把麻将接龙游戏添加到您的页面上。

为什么要加入嵌入功能

麻将接龙非常适合搭配各种类型的内容：关于益智游戏的攻略、主题文章、介绍记忆力和注意力的页面，或者简单的牌局（布局）集合。在这些场景下，把游戏直接放在页面上，比只是放一个跳转链接要更有效。

嵌入功能让这一切在不改变网站结构的前提下成为可能。它就像一个小巧的独立游戏模块，在您需要的地方成为页面的一部分。您只需要在页面中加入一小段代码，其余的交给我们处理：游戏会从我们的服务器加载，保持最新版本，并且与在 TheMahjong.com 上的体验一致。

嵌入麻将接龙的两种方式

在页面中添加麻将接龙有两种简单的方法：

iframe：几乎适用于任何类型的网站；
oEmbed：很多流行的内容管理系统（CMS）都支持。

这两种方式展示的是同一个游戏，区别只在于您是如何把它添加到页面中的。

方案一：使用简单的 iframe 嵌入

iframe 方案会提供一小段 HTML 代码片段，您可以将其粘贴到自己的页面中。如果您可以编辑网站的 HTML，或者编辑器中有“自定义代码”模块，这种方式就很合适。

一个典型的 iframe 嵌入代码大致如下：

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

您可以：

把这段代码放在希望游戏出现的位置；
通过百分比调整 width，让游戏适应容器的宽度；
以像素为单位调整 height，使其与页面布局更协调。

如果您愿意支持 TheMahjong.com，可以在嵌入的游戏附近添加一个指向我们网站的小文字链接。这并不是必需的，但我们会非常感激。

方案二：面向 CMS 平台的 oEmbed

如果您的网站运行在支持 oEmbed 的内容管理系统上（例如带有相应插件的 WordPress、Drupal 或 Joomla），就可以在不直接接触 iframe HTML 的前提下使用嵌入功能。

每个分享游戏页面都有布局 URL 和 oEmbed 代码。

有些编辑器可以自动把布局 URL 转换成嵌入式游戏：您只需把这个 URL 粘贴到支持嵌入内容的模块中即可。其他一些配置则可能要求您将 oEmbed 代码粘贴到主题或插件提供的特定字段或模块里。

如果在您的 CMS 中只显示了一个普通链接而不是游戏，那通常意味着在该编辑区域里 oEmbed 没有启用，或者并不受支持。

嵌入在哪些页面上尤其合适

当游戏是为了呼应页面主题、而不是单纯吸引注意力时，嵌入最有价值。下面是几个麻将接龙区块特别适合出现的场景：

主题博客文章和长文内容。如果您写的是关于益智游戏、放松类游戏、专注力，或是“日常小休息”相关的内容，在正文旁边嵌入一个麻将接龙布局，可以作为一个小型的互动示例。您可以选择与主题大致相关的布局，让游戏在页面上看起来不那么突兀。
网站中的游戏或益智专区。在已经有“游戏”或“益智/谜题”栏目的网站上，嵌入式麻将接龙游戏可以成为页面上的主要元素之一，而不仅仅是一个外链。这种方式既适用于小型个人项目，也适用于想增加经典益智游戏、但不想从零开发的大型门户网站。
关于记忆、注意力和训练的页面。讨论注意力集中、模式识别，或者简单日常脑力练习的文章，可以从一个可立即上手的示例中获益。麻将接龙很适合作为一种低压力的活动，读者无需安装任何东西，也不用离开页面，就能立刻尝试。
季节性或事件型页面。对于季节性内容（例如秋季主题、冬日节庆、地方活动），您可以嵌入与页面氛围相符的布局。例如，在每日星座运势页面中使用带有星座图案的布局。把主题布局放在正文附近，可以让页面显得更完整，也能给访客一个多停留一会儿的理由。
社区中心页和“稍作休息”页面。一些社区网站、论坛或团队内部网站会有类似“休息一下”或“玩一分钟”的简单页面。在这类页面中嵌入一个麻将接龙布局非常自然，它是一个小型、独立的互动模块，无需注册和下载即可游玩。