Games I Know logoGames I Know
Games I Know 浏览器游戏显示为 embeddable 网站游戏

Iframe 游戏 embeds

为您的网站添加 iframe 游戏

使用简单的 iframe 即可向网站添加可玩的浏览器游戏。Games I Know 为网站所有者提供轻量级框架路由、移动友好型游戏以及用于开始、移动和完成结果的可选 postMessage 事件。

embeds 的帧路由

移动优先尺寸

postMessage 事件

领域感知设置

简答

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

对于网站 embed,请使用 Games I Know 和 iframe,并设置路由为 /embed/{gameSlug}/frame/,宽度设置为 100%,以及您的租户 ID。这种方法适用于博客、企业页面、社区和自定义网站。

尝试 iframe 游戏 embed

首先运行 iframe 演示,然后检查父页面事件日志,看看您的网站可以接收什么。

想要直接联系iframe embed的网站所有者

为什么iframe游戏在网站上效果很好

iframe 可以将游戏与主页隔离,同时仍然为访客提供原生体验的可玩模块。

快速放置

将一个 iframe 代码片段粘贴到 CMS 区块、网站构建器或 HTML 模板中,无需重新构建页面。

更安全的隔离

游戏运行在独立的框架中,因此布局、脚本和样式与您的宿主页面分离。

有用的事件

当您需要分析、奖励或自定义页面行为时,请监听开始和完成事件。

设置流程

如何将 iframe 游戏添加到网站

生产模式很简单:注册域名,复制框架 URL,设置 iframe 维度,并在需要时监听事件。

  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 事件。

执行

Iframe 放置说明

使用 iframe 内的框架路由,并保持公共着陆路由作为普通链接对用户和爬虫可用。

使用帧路由

iframe src 应该指向 /embed/{gameSlug}/frame/,并包含您的租户 ID。请勿将 iframe 指向公共 SEO 页面。

设定稳定尺寸

使用宽度="100%" 和接近 640px 的高度,以便游戏在手机和桌面内容栏上有足够的空间。

谨慎处理完成事宜。

对于奖品、积分或受限内容,请将 GAME_COMPLETED 中的 resultId 和 signedToken 转发到您的后端,并在授予奖励之前使用合作伙伴服务器密钥进行验证。

常问问题

关于iframe 网站游戏的常见问题

/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 文档在所有受支持的游戏中使用相同的事件模型。

iframe 游戏对 SEO 有害吗?

游戏框架本身不应作为SEO页面。请在embed周围保留一个普通的、可索引的页面,其中包含有用的文本、链接和常见问题解答。Games I Know也提供搜索引擎和AI爬虫可以理解的公共embed页面和文档。

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

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