Games I Know logoGames I Know
Four in a Row 浏览器游戏,以 HTML5 网站游戏的形式呈现

HTML5 网站游戏

适用于您网站的 HTML5 游戏

现代网站游戏应该在浏览器中运行,兼容移动设备,并且避免应用商店的繁琐流程。Games I Know 提供 HTML5 风格的 iframe 和 embed 组件,网站所有者可以将其放置在普通网页中。

基于浏览器的游戏

电话和桌面支持

Iframe 安装

无需下载应用

简答

使用框架路由,然后添加页面上下文。

当您需要在网站上运行 HTML5 风格的游戏,但又不想自行构建或托管游戏时,请使用 Games I Know。游戏运行在 iframe 中,并通过浏览器消息与宿主页面通信。

试试 HTML5 风格的浏览器游戏

在浏览器中运行游戏,并检查父网站可以使用的相同事件消息。

正在寻找浏览器原生网站游戏的团队

HTML5 网站游戏的关键是什么?

重要的不是标签,而是游戏加载速度是否快、是否适合页面以及在不同设备上的表现是否可预测。

在浏览器中运行

访客无需安装本地软件即可通过普通网页进行游戏。

默认响应式

Games I Know embed 专为纵向 iframe 布局而设计,可在手机和桌面页面上使用。

主机页面通信

postMessage 事件可以让你的页面知道游戏何时开始、状态改变或结束。

设置流程

如何向网站添加 HTML5 游戏

当您希望游戏由 Games I Know 托管,但显示在您自己的网站内时,请使用 iframe embed 代码。

  1. 步骤 1

    创建合作伙伴帐户

    注册将要托管游戏的网站,以便将 iframe 与已批准的域名关联。

  2. 步骤 2

    选择一款游戏

    根据受众和页面布局选择 Tic Tac Toe、Four in a Row、Bingo 或 I Know。

  3. 步骤 3

    粘贴框架 URL

    使用 /embed/{gameSlug}/frame/ 作为 iframe 源。公共 /embed/{gameSlug}/ 页面适用于人类和搜索引擎。

  4. 步骤 4

    关注相关事件

    当您的页面需要分析、奖励或自定义 UI 时,请使用 GAME_STARTED 和 GAME_COMPLETED 等 postMessage 事件。

执行

HTML5 embed 实现细节

将游戏视为具有稳定尺寸和清晰路径边界的embedded浏览器应用程序。

使用语义化的页面内容围绕它展开

在 iframe 周围添加标题、正文和常见问题解答内容,以便页面对用户和爬虫保持有用性。

保持 iframe 可见

如果页面的目的是提供一个可玩的游戏,请避免将游戏隐藏在过多的标签页或折叠面板后面。

在真实移动设备上进行测试

在发布页面之前,embed 应该能够在较窄的视口宽度下轻松播放。

常问问题

关于适用于网站的 HTML5 游戏的常见问题

/embed/{gameSlug}/ 和 /embed/{gameSlug}/frame/ 有什么区别?

使用 /embed/{gameSlug}/frame/ 作为 iframe 的 src。该路由是为网站 embed 和 postMessage 事件构建的轻量级游戏框架。/embed/{gameSlug}/ 路由是面向用户的公开预览和 SEO 页面,不应放置在 iframe 内。

访客需要下载应用程序或创建帐户吗?

不。访客可以在手机、平板电脑、笔记本电脑或台式机上的浏览器iframe内进行游戏。只有安装embed的网站所有者才需要合作伙伴帐户。

我可以将 embed 限制在我自己域内吗?

是的。Games I Know 和 embed 是围绕注册网站和域名受限的租户设置设计的,因此复制的 iframe 代码不能在未经授权的网站上随意重复使用。

哪些Games I Know标题目前是embed可执行的?

Tic Tac Toe、Four in a Row、Bingo 和 I Know 可作为 embed 浏览器游戏使用。embed 文档在所有受支持的游戏中使用相同的事件模型。

我需要自己托管HTML5游戏文件吗?

不。使用 Games I Know 时,您的页面托管 iframe 代码片段,而游戏框架由 Games I Know 提供服务。

准备添加一款浏览器游戏吗?

创建合作伙伴帐户,注册您的域名,并为您的网站生成一个受域名限制的 iframe。