ホームページやブログにゲームを掲載する

Axion(公式)

2026/8/26 ・ 12分

NOVALUDIAで公開したゲームは、埋め込み機能を利用して、自分のホームページやブログで紹介できます。

設定に応じて、サムネイル付きのリンクカードを表示したり、ホームページ上でゲームを直接プレイできる状態にしたりできます。

埋め込み機能でできること

外部サイトへの埋め込みには、次の3つの設定があります。

許可しない

外部サイト用の埋め込みタグを発行しません。

ゲームをNOVALUDIA内だけで公開したい場合や、外部サイト上での表示を許可しない場合に選択します。

リンクカードのみ許可

ゲームのサムネイルや概要を含むリンクカードを外部サイトに掲載できます。

カードをクリックすると、NOVALUDIAのゲームページが開きます。ホームページ内でゲームを直接実行したくない場合や、掲載先のサービスがゲームの埋め込みに対応していない場合に適しています。

ページ内プレイを許可

ホームページやブログ上にゲームプレイヤーを表示し、その場でゲームを遊べるようにします。

ゲームが公開中であり、無料公開され、ブラウザでの再生に対応している場合に利用できます。

埋め込みを許可する方法

自分で公開したゲームのページを開き、次の手順で設定します。

ゲーム画面の下にある「ゲーム情報を表示」をクリックします。
「外部サイトへの埋め込み」を確認します。
「埋め込み許可」から希望する設定を選択します。
必要に応じて「リンクカードのみ許可」または「ページ内プレイを許可」を選択します。
表示された埋め込みタグをコピーします。

埋め込みを許可すると、用途に応じたタグが表示されます。

ページ内でゲームを再生する

「ページ内プレイを許可」を選択すると、「ページ内プレイ」のタグが表示されます。

表示例：

&lt;script
  async
  src="https://novaludia.com/embed.js"
  data-game="ゲームごとに発行されたID"
&gt;&lt;/script&gt;

コピーしたタグを、ゲームを表示したい場所のHTMLへ貼り付けます。

タグに含まれるゲームIDはゲームごとに異なります。手入力や書き換えは行わず、ゲーム情報欄に表示されたタグをそのままコピーしてください。

サムネイル付きリンクカードを掲載する

ゲームをホームページ内で再生せず、紹介カードとして掲載する場合は、「サムネイル付きリンクカード」のタグを使用します。

表示例：

&lt;script
  async
  src="https://novaludia.com/embed.js"
  data-game="ゲームごとに発行されたID"
  data-mode="card"
&gt;&lt;/script&gt;

リンクカードにはゲームのサムネイルや情報が表示され、クリックするとNOVALUDIAのページが開きます。

ゲームの紹介記事、作品一覧、ポートフォリオなどへの掲載に適しています。

ここからはちょっと技術的な説明になります。

外部のJavaScriptファイルを読み込めること
外部ページをiframeなどで表示できること

どちらかが制限されていると、タグを貼り付けてもゲームが表示されないことがあります。

タグを貼っても表示されない主な原因

HTMLではなく通常の文章として貼り付けている

記事編集画面の通常の文章欄にタグを貼ると、コードがそのまま文字として表示されることがあります。

掲載先に次のような機能がある場合は、HTMLを入力できるモードを使用してください。

カスタムHTML
HTMLブロック
埋め込みコード
コードを挿入
ウィジェット
カスタムコード

「コードブロック」はソースコードを読者に見せるための機能であり、タグを実行する機能ではない場合があります。

scriptタグが自動的に削除される

ブログやホームページ作成サービスの中には、セキュリティ対策として<script>タグを保存時に削除するものがあります。

編集画面ではタグが残っていても、公開後のページでは削除されている場合があります。

ページを保存した後、もう一度編集画面を開き、貼り付けたタグが残っているか確認してください。

外部JavaScriptの読み込みが禁止されている

掲載先のセキュリティ設定によって、https://novaludia.com/embed.jsの読み込みが拒否されることがあります。

ブラウザの開発者ツールに、次のような内容が表示される場合があります。

Refused to load the script
Content Security Policy
script-src
blocked by CSP

自分で管理しているホームページでContent Security Policyを設定している場合は、script-srcでNOVALUDIAからのスクリプト読み込みを許可する必要があります。

設定例：

Content-Security-Policy:
  script-src 'self' https://novaludia.com;

既存の設定を消すのではなく、必要な配信元だけを追加してください。実際の設定方法は、利用しているサーバーやフレームワークによって異なります。

iframeの表示が禁止されている

embed.jsを読み込めても、掲載先のセキュリティ設定が外部ページの表示を禁止していると、ゲームプレイヤーを表示できない場合があります。

CSPを使用している場合は、frame-srcの設定も確認してください。

設定例：

Content-Security-Policy:
  script-src 'self' https://novaludia.com;
  frame-src 'self' https://novaludia.com;

ゲームの配信元が別のドメインとして表示される場合は、その配信元も許可する必要があります。必要なドメインは、ブラウザの開発者ツールに表示されるエラーをご確認ください。

ホームページ作成サービスが外部コンテンツを制限している

次のようなサービスでは、プランや設定によって外部タグの利用が制限されることがあります。

ブログサービス
ノーコードのホームページ作成サービス
ECサイト作成サービス
Wikiやコミュニティサービス
無料ホームページサービス
コメント欄やプロフィール欄

無料プランではカスタムHTMLを利用できず、有料プランへの変更が必要な場合もあります。

NOVALUDIA側で埋め込みを許可していても、掲載先サービスの制限を解除することはできません。利用しているサービスのヘルプで、「カスタムHTML」「scriptタグ」「iframe」「外部埋め込み」などをご確認ください。

ゲームがページ内プレイの条件を満たしていない

ページ内プレイは、対象となるゲームが公開中であり、無料でブラウザ再生に対応している場合に利用できます。

次のような場合は、ページ内プレイ用のタグが表示されなかったり、ゲームを再生できなかったりすることがあります。

ゲームがまだ公開されていない
ゲームが公開停止になっている
有料ゲームとして販売されている
ブラウザ上での再生に対応していない
公開設定が変更されている
埋め込み許可が「許可しない」になっている
埋め込み許可が「リンクカードのみ許可」になっている

ページ内で再生できないゲームは、サムネイル付きリンクカードまたは通常のリンクで紹介してください。

古いタグを使用している

ゲームの公開状態や埋め込み設定を変更した場合、以前にコピーしたタグが利用できなくなる可能性があります。

表示されない場合は、「ゲーム情報を表示」を開き、現在表示されているタグをもう一度コピーして貼り直してください。

プレビュー画面ではスクリプトが動かない

ホームページ作成サービスによっては、編集画面やプレビュー画面で外部スクリプトを実行しません。

プレビューでは何も表示されなくても、実際にページを公開すると表示される場合があります。

確認するときは、保存後の公開ページを新しいタブで開いてください。

広告ブロックやセキュリティ機能に遮断されている

ブラウザの拡張機能、広告ブロック、追跡防止機能、ウイルス対策ソフトなどが、外部スクリプトやiframeを遮断することがあります。

自分のブラウザだけで表示されない場合は、次の方法をお試しください。

シークレットウィンドウで確認する
別のブラウザで確認する
ブラウザ拡張機能を一時的に無効にする
別の端末で確認する

設定を変更する場合は、安全性を確認したうえで必要な範囲だけ変更してください。

JavaScriptの読み込み順序に問題がある

ページの表示を高速化する機能やJavaScriptをまとめる機能によって、embed.jsの実行タイミングが変更され、正常に表示されないことがあります。

特に次の機能を使用している場合はご注意ください。

JavaScriptの遅延読み込み
JavaScriptの結合や圧縮
外部スクリプトの実行延期
キャッシュ最適化
HTMLの自動整形

最適化機能の対象からhttps://novaludia.com/embed.jsを除外すると改善する場合があります。

同じタグを不適切に複製している

1ページに複数のゲームを掲載する場合は、それぞれのゲーム情報欄から発行されたタグを使用してください。

ゲームIDだけを手作業で変更したり、タグの一部だけを複製したりすると、正しく表示されないことがあります。

まずは1ページに1つのタグだけを設置し、正常に表示されることを確認してから追加してください。

音が自動で流れない場合

多くのブラウザでは、利用者がページを開いただけではBGMや効果音を自動再生できません。

ゲーム画面をクリックまたはタップした後に音声が再生される場合は、ブラウザの自動再生制限によるものです。ゲームの不具合とは限りません。

掲載先のページ側で、音声の自動再生を強制的に有効にすることはできません。

セーブデータやログイン状態について

外部サイト上のゲームは、NOVALUDIAとは異なるページ内に埋め込まれて表示されます。

ブラウザのプライバシー設定やCookieの制限によっては、次の機能が制限される場合があります。

ログイン状態の確認
セーブデータの保存
設定情報の保持
購入状態の確認

正常に利用できない場合は、ゲームカードやプレイヤーに表示されるNOVALUDIAへのリンクから、NOVALUDIAのゲームページを開いてプレイしてください。

スマートフォンで表示が崩れる場合

掲載先のページ幅が狭い場合、ゲーム画面がはみ出したり、小さく表示されたりすることがあります。

次の点をご確認ください。

ゲームを掲載する領域に十分な幅がある
親要素に極端に小さい横幅が設定されていない
iframeや埋め込み領域をCSSで固定幅にしていない
スマートフォン用の表示でコンテンツが非表示になっていない
横画面向けゲームの場合、端末を横向きにしている

掲載後は、PCとスマートフォンの両方で表示と操作をご確認ください。

埋め込み設定を変更した場合

ゲーム公開者は、「ゲーム情報を表示」から埋め込み許可を後から変更できます。

「ページ内プレイを許可」から「リンクカードのみ許可」または「許可しない」へ変更すると、すでに外部サイトへ掲載されているゲームプレイヤーが表示されなくなる場合があります。

外部サイトへの掲載を終了したい場合は、埋め込み許可を変更したうえで、管理しているホームページやブログからタグを削除してください。

掲載時の注意事項

埋め込み機能を利用する場合は、次の点を守ってください。

ゲーム情報欄で発行されたタグをそのまま使用する
ゲームIDやスクリプトのURLを改変しない
ゲームの表示を別の要素で覆わない
利用者に意図しない操作をさせない
作者やゲームの提供元について誤解を招く表示を行わない
ゲームデータを取得して別のサーバーから再配布しない
「Powered by Novaludia」などの表示を隠さない
NOVALUDIAやゲーム公開者が定める条件を守る

埋め込み許可は、ゲームの複製、改変、再配布を許可するものではありません。

表示されないときの確認手順

埋め込みタグを貼り付けても表示されない場合は、次の順番で確認してください。

ゲームが公開中か確認する
埋め込み許可の設定を確認する
現在表示されているタグをコピーし直す
HTMLを入力できる場所へ貼り付けたか確認する
保存後もscriptタグが残っているか確認する
プレビューではなく公開ページで確認する
別のブラウザや端末で確認する
広告ブロックなどの拡張機能を一時的に無効にする
ブラウザの開発者ツールでエラーを確認する
掲載先サービスのscriptタグ、iframe、CSPに関する制限を確認する

掲載先でscriptタグを使用できない場合は、サムネイル画像と通常のゲームページへのリンクを使って紹介してください。

困ったときは

問題が解決しない場合は、次の情報を添えてお問い合わせください。

埋め込もうとしているゲームのURL
掲載先のホームページまたはブログのURL
使用しているホームページ作成サービス
使用しているブラウザと端末
表示されているエラーメッセージ
公開ページのスクリーンショット
「リンクカード」と「ページ内プレイ」のどちらを使用したか

パスワード、ログイン情報、サーバーの秘密鍵などは送信しないでください。

この記事を共有