HTML5ウェブサイトゲーム

ウェブサイト向けのHTML5ゲーム

現代のウェブサイトゲームは、ブラウザで動作し、モバイルでも動作し、アプリストアの摩擦を回避する必要があります。Games I Know は、サイト所有者が通常のウェブページに配置できる HTML5 スタイルの iframe embed を提供します。

ライブデモをお試しください embed キーを取得します

ブラウザベースのプレイ

電話およびデスクトップサポート

iframeのインストール

アプリのダウンロードは不要です

簡潔な答え

フレームルートを使用し、ページコンテキストを追加します。

ウェブサイトにHTML5スタイルのゲームを導入したい場合、ゲームを自分で構築したりホスティングしたりせずに済むように、Games I Know を使用してください。ゲームは iframe で実行され、ブラウザメッセージを介してホストページと通信します。

HTML5スタイルのブラウザゲームを試してみよう

ブラウザでゲームを実行し、親ウェブサイトが使用できるイベントメッセージと同じものを調べてください。

ブラウザネイティブのWebサイトゲームを探しているチーム

HTML5ウェブサイトゲームにとって重要なこと

重要なのはラベルではなく、ゲームが高速に読み込まれるか、ページに収まるか、そして様々なデバイスで予測可能な動作をするかどうかだ。

ブラウザで実行されます

訪問者は、専用ソフトウェアをインストールすることなく、通常のウェブページからプレイできます。

デフォルトでレスポンシブ

Games I Know embed は、スマートフォンとデスクトップページで機能する縦向きの iframe レイアウト用に構築されています。

ホストページとの通信

postMessageイベントを使用すると、ゲームの開始、状態の変化、終了をページに通知できます。

セットアップフロー

HTML5ゲームをサイトに追加する方法

ゲームを Games I Know でホストしつつ、自分のウェブサイト内に表示させたい場合は、iframe embed コードを使用してください。

ステップ 1
パートナーアカウントを作成する
ゲームをホストするサイトを登録して、iframe を承認済みのドメインに紐付けてください。
ステップ 2
ゲームを選択してください
対象読者とページレイアウトに基づいて、Tic Tac Toe、Four in a Row、Bingo、または I Know を選択します。
ステップ 3
フレームのURLを貼り付けてください
/embed/{gameSlug}/frame/ を iframe ソースとして使用します。公開されている /embed/{gameSlug}/ ページは人間と検索エンジン向けです。
ステップ 4
イベントをお聞きください
ページで分析、報酬、またはカスタムUIが必要な場合は、GAME_STARTEDやGAME_COMPLETEDなどのpostMessageイベントを使用してください。

実装

HTML5 embed 実装の詳細

ゲームを、安定したサイズと明確な経路境界を持つ、embedded ブラウザアプリケーションとして扱ってください。

周囲にセマンティックなページコンテンツを使用する

iframe の周囲に見出し、本文、FAQ コンテンツを追加して、ページがユーザーとクローラーにとって有用な状態を維持してください。

iframe を表示したままにしてください。

ページの目的がプレイ可能なゲームを提供することであるならば、ゲームをタブやアコーディオンの奥に隠してしまうのは避けましょう。

実際のモバイル幅でのテスト

ページを公開する前に、embed が狭いビューポート幅でも簡単に再生できることを確認してください。

スターター iframe

本番環境ではテナントIDを使用してください。

<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 のすべてのゲームを表示

Tic Tac Toe

Embed for same-screen play on your site, or send players to Games I Know to challenge a friend remotely with a room link.

Embed セットアップ

Four in a Row

Embed for local two-player drops on one screen, or link friends to play Four in a Row online from anywhere.

Embed セットアップ

Bingo

Same-screen Bingo in your embed, or host a remote room so players can join from their own devices.

Embed セットアップ

I Know

Quick trivia in your embed on one screen, or run a live room so friends can answer from anywhere.

Embed セットアップ

Sudoku

Embed a solo Sudoku puzzle for calm brain breaks on blogs, school pages, and waiting-room screens.

Embed セットアップ

Word Search

Embed a solo Word Search puzzle for quick brain breaks on blogs, school pages, and waiting-room screens.

Embed セットアップ

よくある質問