WordPressウェブサイトに無料ブラウザゲームを追加する方法 - コーディング不要

多くのWordPressウェブサイトは、閲覧、ざっと目を通し、クリックして進むことを前提に構築されています。これはブログ、ビジネスページ、リソースハブなどには適していますが、静的な印象を与えることもあります。そこで、ブラウザ上で遊べる小さなゲームを追加することで、アプリのダウンロードやサイトからの離脱を促さずに、訪問者にインタラクティブな体験を提供できます。

Games I Know は、Tic Tac Toe、Four in a Row、Bingo、I Know などの軽量ブラウザゲームを提供しています。Embed Browser Games by Games I Know WordPress プラグインを使用すると、iframe HTML を手動で貼り付ける代わりに、ブロックエディターまたはショートコードを使用してこれらのゲームを追加できます。

簡単な回答：WordPressにゲームを追加するにはどうすればいいですか？

Games I Know の Embed ブラウザゲームをインストールし、Games I Know > 設定でパートナーIDを追加し、Games I Know ゲームブロックまたは `[gamesiknow]` ショートコードを挿入し、デスクトップとモバイルでページをプレビューしてから公開します。訪問者はアプリをダウンロードすることなく、ブラウザで直接プレイできます。

WordPressウェブサイトにブラウザゲームを追加する理由とは？

ブラウザゲームを導入するからといって、サイトをゲームポータルにする必要はありません。多くのWordPressサイトにとって最適な活用法は、大きなページの中にちょっとしたインタラクティブな要素を取り入れることです。例えば、ブログ記事の最後にちょっとしたアクティビティを追加したり、レストランのページで待合室ゲームを楽しんだり、授業でアクティビティをしたり、コミュニティサイトでちょっとした息抜きをしたりするのも良いでしょう。

• ゲームは、コンテンツに合致していれば、エンゲージメントとページ滞在時間を向上させることができる。
• 訪問者は、WordPressサイトから離れることなく、何か楽しめるものを見つけることができる。
• ブログ記事やランディングページは、シンプルなインタラクティブ要素を加えることで、より印象に残りやすくなります。
• 学校、地域社会、地元企業は、専用アプリを開発することなく、遊び心のあるコンテンツを追加できます。
• ブラウザゲームはすぐに起動します。アプリストアからのダウンロードは不要です。
• ホストされた embed で十分な場合は、カスタムゲームをゼロから構築する必要はありません。

これは誰にとって役立つのでしょうか？

• インタラクティブなブログ記事を求めるブロガー
• 学校や教師が運営する教室活動ページ
• コミュニティウェブサイトと会員制サイト
• レストランと待合室のQRコードページ
• 地元企業がさりげない交流の要素を取り入れる
• クライアントのWordPressサイトを構築する代理店
• ニッチな出版社とリソースハブ
• ちょっとした休憩アクティビティ付きの社内チームポータル

GamesIKnow Embedとは何ですか？

GamesIKnow Embed は Games I Know の embed プラットフォームです。ウェブサイトの所有者は、安全な iframe URL を介して、プレイ可能なブラウザゲームを自分のサイトに追加できます。WordPress ユーザー向けには、公式プラグインである Embed Browser Games by Games I Know が設定画面、Gutenberg ブロック、ショートコード、およびショートコードビルダーを追加するため、 iframe HTML を手動で記述する必要がありません。

確認済みのプラグイン機能には、Games I Know ゲームブロック、`[gamesiknow]` ショートコード、Games I Know > パートナー ID とデフォルトの embed 動作の設定、および Games I Know > コピー可能なショートコード用のショートコードビルダーが含まれます。パートナー ID は必須です。これがないと、embed iframe でゲームが読み込まれません。これは、WordPress サイトを Games I Know パートナーアカウントと承認済みドメインに接続します。

手順：WordPressにブラウザゲームを追加する

1. WordPressの管理画面にログインしてください。
2. プラグイン > 新規追加を開く。
3. 「Embed ブラウザ ゲーム by Games I Know」を検索します。
4. 「今すぐインストール」をクリックし、次に「アクティベート」をクリックしてください。
5. 左側の管理メニューで「Games I Know」>「設定」を開きます。
6. 必須：[パートナーIDを取得]をクリックし、Games I Knowにサインインし、[インストール]タブからパートナーIDをコピーして[パートナーID]フィールドに貼り付け、[パートナーIDを保存]をクリックします。
7. オプション：ゲームをフロントエンドでどのように動作させたいかに応じて、デフォルトで遅延読み込みを有効にし、デフォルトでフルスクリーンを許可する。
8. 新しい投稿やページを作成するか、既存の投稿やページを編集します。
9. ブロック挿入ツールから Games I Know ゲームブロックを挿入するか、[gamesiknow game="tic-tac-toe"] のようなショートコードを追加します。
10. ブロックのサイドバーまたはショートコードの属性で、ゲームとレイアウトのオプションを選択してください。
11. デスクトップとモバイルでページをプレビューします。ゲームiframeがロードされ、十分な高さがあることを確認してください。
12. ページを公開または更新する。

WordPressブロックでゲームを追加する

このプラグインは、WordPressのブロックエディターに「Games I Know Game」というブロックを登録します。投稿またはページを開き、ブロック挿入ボタン（+）をクリックして「Games I Know」を検索し、ブロックを追加します。ブロックのサイドバーを使用して、ゲーム、テーマ、モード、幅、高さ、配置、ボーダー半径、影、遅延読み込み、フルスクリーンなどのオプションを選択できます。

このブロックはフロントエンドでのみ表示されます。エディターには概要カードとそれに対応するショートコードが表示され、公開後に表示される内容を理解するのに役立ちます。パートナーIDが指定されていない場合、エディターに警告が表示され、Games I Know > 設定でパートナーIDを保存するまで、ゲームはフロントエンドに読み込まれません。

ショートコードを使ってゲームを追加する

ショートコードを好む場合、またはショートコードをサポートする従来のエディターエリア、ウィジェット、ページビルダーでショートコードが必要な場合は、`[gamesiknow]` を使用してください。このプラグインには、wp-admin からコピー可能なショートコードを生成する Games I Know > Shortcode Builder も含まれています。

[gamesiknow]
  [gamesiknow game="tic-tac-toe"]
  [gamesiknow game="four-in-a-row" height="620" theme="dark" mode="ai"]
  [gamesiknow game="bingo" width="480px" height="720" campaign_id="summer-campaign"]

サポートされているゲームスラッグは、`tic-tac-toe`、`four-in-a-row`、`bingo`、`i-know`です。オプションの属性には、`width`、`height`、`max_width`、`align`、`theme`、`mode`、`campaign_id`、`border_radius`、`shadow`、`lazy`、`allow_fullscreen`があります。

WordPressサイトでゲームをどこに配置すべきでしょうか？

• ブログ記事の最後に、関連アクティビティとして
• 専用の遊びやアクティビティのページ
• 教室や学校のリソースページで
• コミュニティハブまたはイベントページで
• 十分な幅のあるランディングページセクション
• レストランまたは待合室のページ
• 子供向けアクティビティページで
• 幅の広いコンテンツ領域または全幅ブロック

サイドバーの幅が狭すぎるのは避けましょう。ブラウザゲームは、特にモバイル端末では、プレイするために十分な幅と高さが必要です。プラグイン「Shortcode Builder」には、ゲームごとの推奨サイズが記載されています。

最初にどのゲームを追加すべきですか？

• Tic Tac Toe — 手軽でシンプルなプレイや最初のテストに最適
• Four in a Row — 軽めの戦略と家族向けのページに最適
• Bingo — グループ、教室、イベントに最適
• I Know — 雑学やクイズ形式のインタラクションに最適

マニュアル iframe と WordPress プラグインの比較

embed Games I Know ゲームは、iframe HTML を使用して手動で作成することも、WordPress プラグインを使用することもできます。ほとんどの非技術系の WordPress ユーザーにとって、プラグインを使用する方が簡単です。プラグインは、ブロック UI、ショートコード、設定、安全な iframe URL を処理してくれるからです。

公開前に知っておくべきヒント

• 公開前にモバイル端末とデスクトップ端末でプレビューできます。
• ゲームの上に短い見出しを追加して、訪問者が何をすべきか分かるようにしてください。
• アクティビティの内容を1文で説明してください。例えば、「読書をしながら、サクッと1ラウンド遊んでみましょう。」など。
• 1ページにライブゲームのembedを詰め込みすぎないようにしてください。
• テーマやページビルダーを変更した後、再度テストしてください。
• アクセシビリティのために、分かりやすいゲームタイトルとiframeタイトルを使用してください。
• 周囲のページコンテンツは有用なものにしておくことで、検索エンジンにとってページが読みやすい状態を維持できます。

トラブルシューティング

ゲームが表示されません

プラグインが有効化されていること、ページが公開されていること、そしてGames I Know ゲームブロックまたは有効な `[gamesiknow]` ショートコードが使用されていることを確認してください。また、テーマまたはページビルダーがフロントエンドでの iframe 出力に対応していることを確認してください。

ショートコードはプレーンテキストとして表示されます

WordPress は、ショートコードを処理するコンテンツ領域でのみショートコードを実行します。`[gamesiknow]` というテキストが表示される場合は、ショートコードブロック、従来のショートコードサポート、またはショートコードを実行するビルダーウィジェットに切り替えてください。

ブロックはエディタに表示されません

ブロック挿入ツールで「Games I Know Game」を検索してください。それでも表示されない場合は、Games I Know による Embed Browser Games が有効になっていること、およびブロックエディタで編集していることを確認してください。

間違ったゲームが表示されます

ブロックのサイドバーまたはショートコードでゲームのスラッグを確認してください。サポートされている値は、`tic-tac-toe`、`four-in-a-row`、`bingo`、`i-know`です。

モバイルで見るとゲーム画面が小さすぎる

高さ属性を増やし、コンテンツ領域を広くし、狭いサイドバーの配置を避けてください。ショートコードビルダーには、ゲームごとに推奨サイズが表示されます。

パートナーIDに関する質問

ゲームの読み込みにはパートナーIDが必要です。Games I Know > 設定を開き、「パートナーIDを取得」をクリックします。Games I Knowにサインインし、パートナーダッシュボードの「インストール」タブから値をコピーして、「パートナーID」フィールドに貼り付け、「パートナーIDを保存」をクリックします。また、パートナーダッシュボードでWordPressサイトのドメインが承認されていることを確認してください。

ページビルダーまたはテーマがembedに干渉します

一部のビルダーはiframeコンテンツを削除したり、カスタムブロックをブロックしたりします。WordPressのネイティブショートコードブロックでショートコードを試すか、デフォルトテーマでテストするか、ビルダーのドキュメントを参照してiframeとショートコードのサポート状況を確認してください。