Games I Know logoGames I Know

Embed 设置

Embed Four in a Row 您网站上的游戏

使用简单的 iframe 小部件,即可将一款免费的、移动友好的 Four in a Row 浏览器游戏添加到您的网站。它非常适合博客、学校网站、社区网站、餐厅和轻量级互动页面。

Same-screenRemote playAI bot

Live demo

复制 iframe 代码,尝试右侧的 Four in a Row,并在左侧观察 postMessage 事件。在支持的设备上,全屏会在预览区域内展开。

Iframe 代码

将这段 iframe 粘贴到您的网站允许自定义 HTML 的位置。 您的租户 ID 使用您的合作伙伴租户 ID。域限制的 embed 设置在合作伙伴控制面板中进行管理。

<iframe
  src="https://gamesiknow.com/embed/four-in-a-row/frame/?tenantId=YOUR_TENANT_ID"
  title="Four in a Row by Games I Know"
  width="100%"
  height="640"
  style="border:0;border-radius:16px;max-width:420px;display:block;margin:0 auto;"
  loading="lazy"
  allow="fullscreen"
  referrerpolicy="no-referrer-when-downgrade"
  allowfullscreen
></iframe>

需要租户设置方面的帮助吗? 请阅读embed文档 或者 创建免费合作伙伴帐户

按平台安装

iframe 适用于您的网站或 CMS 允许自定义 HTML iframe 和 embed 的任何位置。Games I Know 提供 iframe 代码;每个平台控制着允许自定义 embed 的位置。

纯 HTML

将 iframe 粘贴到您希望游戏显示的页面中。请保持推荐的宽度、高度和全屏属性。

WordPress

使用允许使用 iframe 的自定义 HTML 代码块或模板区域。某些 WordPress 套餐、构建器或安全插件可能会限制自定义 iframe 代码。

Wix

如果您的 Wix 网站计划和编辑器设置允许自定义 iframe 内容,请使用 Embed HTML 元素。

Squarespace

在 Squarespace 允许自定义 iframe HTML 的页面或文章中使用代码块。

Webflow

使用 Embed 元素或自定义代码区域,然后粘贴 iframe 代码片段,并在移动设备宽度下进行测试。

React

将 iframe 渲染为组件,并将框架 URL 作为 src 传递。保留 title、loading、allow 和 allowFullScreen 属性。

Next.js

在页面或组件中渲染 iframe。请确保您的页面可被索引,不要尝试索引 iframe 框架 URL。

Iframe 和模式说明

  • Four in a Row 和 embed 使用 iframe 代码,因此玩家无需下载应用程序即可从您的页面开始。
  • 同屏模式适用于 embedded 小部件内的页面播放。
  • 远程游戏应将访客连接到 /games/four-in-a-row/play/,实时房间和房间代码在 Games I Know 上运行。
  • AI mode can be requested in the iframe URL when tenant config and available quota allow it.
  • 框架路由是可播放的 iframe 目标,应该保持 noindex;此登录页面是可索引的设置页面。

此小部件适用的页面不错

Four in a Row 最适合用于简短、易于识别的浏览器游戏,它可以在不让访客离开页面的情况下,增加一个快速的暂停或有趣的互动。

为什么 embed Four in a Row

  • 免费浏览器游戏小部件
  • 玩家无需安装
  • 移动端和桌面端友好
  • 有助于提高用户参与度和页面停留时间。
  • 使用 iframe 轻松设置
  • 适用于博客、企业网站和社区页面

非常合适

  • 博客和内容网站
  • 教育和培训页面
  • 餐厅、咖啡馆和美食广场
  • 家庭用餐和酒店餐厅页面
  • 云厨房和外卖网站
  • 活动和派对场地页面
  • 体育酒吧和贵宾休息室
  • 社区网站和论坛
  • 新闻简报和资源页面
  • 公司内部互动页面
  • 小型企业网站

设置步骤

  1. 步骤 1

    选择游戏

    选择适合您的页面、受众和布局的 Games I Know 标题。
  2. 步骤 2

    复制 iframe 代码

    使用 embed 设置页面或合作伙伴控制面板中的框架 URL 片段。
  3. 步骤 3

    将其添加到您的网站

    将 iframe 粘贴到 CMS 区块、自定义 HTML 区域或网站模板中。
  4. 步骤 4

    配置租户和域设置

    使用您的租户 ID 和允许的域名,以便 iframe 仅在已批准的站点上加载。
  5. 步骤 5

    跟踪基本参与情况

    使用合作伙伴仪表板分析和 embed 事件来查看负载和游戏活动。

常问问题

我可以免费embed Four in a Row 吗?

是的。在 Games I Know embed 测试期间,可以使用简单的 iframe 在已批准的网站上 Four in a Row 进行 embed 删除。

Four in a Row embed 在移动设备上能用吗?

是的。iframe 布局专为手机、平板电脑和台式机设计,无需下载。

玩家需要注册吗?

正常进行embedded游戏无需注册。访客可以从您页面上的iframe开始游戏。

我可以控制 iframe 的工作位置吗?

是的。域限制的 embed 设置允许您选择哪些网站可以加载您的租户 iframe。

我可以在 WordPress、Wix、Squarespace 或 Webflow 中使用 iframe 吗?

是的,当您的网站方案和编辑器允许自定义 HTML 或 iframe embed 时。Games I Know 提供 iframe 代码;每个 CMS 控制自定义 embed 代码块的可用位置。

Can I use AI mode inside the embedded Four in a Row game?

You can request AI mode in the iframe URL when your tenant has AI quota available. The backend decides what is allowed.

远程播放是否在 iframe 内进行?

远程游戏是指您可以将访客链接到完整的Games I Know游戏页面,以便进行房间代码匹配。iframe本身是为embed化的页面内游戏模式而设计的。

iframe 对 SEO 友好吗?

iframe 游戏路线使用 noindex 元数据。您的公开 embed 着陆页可被索引,并可单独排名。

我可以embed 多个Games I Know 游戏吗?

是的。您可以在不同的页面或部分添加多个 Games I Know 或 embed,前提是每个页面或部分都使用正确的框架 URL。

了解更多关于Games I Know的信息

比较 embed 游戏,阅读主要游戏指南,或打开实时游戏页面。