ヘッドレスCMSを使用した配信プラットフォームのセットアップ

ヘッドレスコンテンツ管理システム(CMS)を使用すれば、編集用のUIとサイトのUIが分離された、ゲームの配信プラットフォームとプロモーションプラットフォームを構築できます。

構造とデザインが承認されると、エクソーラチームがプラットフォームのフロントエンドを実装し、CMSを設定します。

CMSを利用することで、コードを変更することなく、サイトコンテンツ(ニュース、ゲームカード、特別オファーなど)を個別に管理できます。これにより、ローンチ後のサイト管理が簡素化されつつも、ビジュアルや表示ロジックはエクソーラの管理下に置かれます。

お知らせ
配信プラットフォームの開発をご希望の場合は、カスタマーサクセスマネージャーまでご連絡いただくか、csm@xsolla.comまでメールでお問い合わせください。

CMSの操作ガイド

CMSにログインしてパスワードを変更してください

フロントエンドの実装と初期サイト設定が完了した後、エクソーラチームからCMSへのリンクとログイン認証情報が提供されます。

セキュリティ上の理由から、初回ログイン時にアカウントのパスワードを変更することをおすすめします。これを行うには:

  1. 画面右上にあるユーザープロフィールアイコンをクリックします。
  2. Change Passwordをクリックします。
  3. New Passwordフィールドに新しいパスワードを入力し、Confirm Passwordフィールドにもう一度入力してください。
  4. Saveをクリックします。
お知らせ

このセクションでは、CMSのテーマや言語も選択できます。

ダッシュボード

Dashboardページは、CMSのメイン画面です。画面上部のパンくずリストにあるアイコンをクリックすると、どこからでもアクセスできます。

ダッシュボードで以下のことができます:

  • プロジェクトで設定されている場合、接続済みのアプリストアやプラットフォームからのデータとサイトのデータを同期します。
  • サイト設定の変更を公開します
  • 予定されているサイトメンテナンスに関する情報を確認できます。
  • グローバル設定に移動してサイトのメンテナンス期間を設定してください。

コレクション

コレクションとは、記事、スライド、よくある質問など、さまざまな種類のサイトコンテンツを保存または設定できる、CMS内の構造化されたセクションです。

お知らせ

本プラットフォームはお客様のニーズに合わせて開発されているため、CMS内のコレクション機能はプロジェクトごとに異なる場合があります。

また、CMSで行った変更は、現在のプラットフォーム構成で該当機能がサポートされている場合のみ、サイトに反映されます。

コレクション内の各オブジェクトには、次のパラメータがあります:

  • ユニークID — CMSインターフェースでは、指定されていれば、オブジェクト名に置き換えられます。
  • オブジェクトのステータス:
    • Draft — 変更が行われても手動保存されていない場合に自動的に設定されます。このステータスでは、必須フィールドが未入力の場合があります。下書きの変更はサイトに公開されません。
    • Published — 変更を行い、手動で保存した場合に設定されます。すべての必須フィールドが入力されていない限り、変更を保存することはできません。
  • 作成日時、最終保存日時、最終変更日時。
  • 変更履歴。

コレクションオブジェクトのバージョン

CMSはコレクション内のオブジェクトのバージョン管理をサポートしています。つまり、変更が行われるたびに、システムの新しいバージョンが作成されます。オブジェクトのバージョン番号をクリックすると、変更履歴を表示できます。

変更の詳細情報を表示するには、目的のバージョンの行にある日付をクリックします。詳細ページでは、バージョンを比較したり、選択したバージョンを復元したりすることもできます。

グローバル設定

グローバルサイト設定は、Globals > Configurationセクションで利用でき、以下のような設定が含まれます:

注意
Adminロールを持つユーザーのみが、サイト全体の設定を変更できます。

サイトにゲーム情報を追加する

CMS を使用すると、ホームページのゲームカードおよび個別のゲームページに表示される必要なデータを入力できます。

Collections > Gamesセクションでゲームを追加すると、2種類の表示形式が生成されます:

  • ホームページに表示されるゲームカード。カードにはタイトル、短い説明、画像、アプリストアへのリンクが含まれます。
  1. ホームページ上のゲームカード例:
  • ゲームページ全体。 ホームページでゲームカードが選択されたときに開きます。このページには、詳細な説明、スクリーンショット、動画、アプリストアのリンク、ダウンロード統計、背景画像、その他のアセットを含めることができます。
  1. ゲームページの例:

さらに、ヘッダーメニューにゲームを追加することもできます。これを行うには、カスタマーサクセスマネージャーに連絡するか、csm@xsolla.comまでメールでお問い合わせください。

ゲーム情報を追加し、基本設定を構成するには:

  1. Collections > Gamesセクションに移動します。
  2. Create New」をクリックします。
  3. Mainタブで、以下の必須フィールドを記入してください:
    • Title — サイトに表示されるゲーム名。
    • Slug — ゲームページのURL識別子。小文字のラテン文字、数字、ハイフン(-)を使用できます。
    1. 例:
    2. Slugフィールドにcool-action-gameが含まれている場合、ゲームページはhttp://my-awesome-game-store.com/en/game/cool-action-gameのようなURLでアクセスできます。
    • Short Description — ホームページのゲームカードに表示される簡単なゲーム説明。
  1. ゲームをフランチャイズに追加します(任意)。Franchiseドロップダウンリストで既存のフランチャイズを選択するか、+をクリックして新規作成します。
  2. Pageタブで、Page descriptionフィールドにゲームページに表示されるコンテンツを記入します。
  3. よくある質問への回答を追加します(任意)。FAQsフィールドで既存の回答を選択するか、「+」をクリックして新しい回答を作成します。
  4. Linksタブで、アプリストア(Google Play、App Store、Steamなど)へのゲームのリンクを追加します。リンクを追加するには:
    1. Add Store_linkをクリックします。
    2. Platformドロップダウンリストでアプリストアを選択します。Otherを選択した場合は、Custom Platform Nameフィールドにストア名を直接入力します。
    3. Iconフィールドで、リンクアイコンをアップロードまたは選択します(任意)。アイコンがアップロードされていない場合は、デフォルトのアイコンが使用されます。
    1. Linkフィールドで、アプリストアでのゲームのURLを入力します。
    2. Downloads countフィールドに、アプリストアからの合計ダウンロード数を入力します(任意)。これは、ユーザーがゲームの人気度を判断するのに役立ちます。
  1. Imagesタブで、ゲームカードとゲームページ用の画像をアップロードまたは選択します:
フィールド説明推奨サイズ
Main Imageゲームページ用のバナー画像。アスペクト比:2.1:1。
サイズ:1216 × 577 px。
Card Imageホームページのゲームカード用の画像。アスペクト比:2:1。
サイズ:490 × 243 px。
Logo Imageゲームページバナー用のアイコン。アスペクト比:1:1。
サイズ:58 × 58 px。
Icon Imageヘッダーメニューのゲームリストに表示されるアイコン。アスペクト比:1:1。
サイズ:58 × 58 px。
Bg Main Imageデスクトップ版ゲームページの背景画像。アスペクト比:16:10。
サイズ:1476 × 923 px。
Bg Mobile Imageモバイル版ゲームページの背景画像。アスペクト比:16:10。
サイズ:1476 × 923 px。
  1. Galleryタブで、ゲームページに表示するアセットを追加します(任意):
    • スクリーンショットを追加するには、Imagesセクションで「Add Image」をクリックし、画像をアップロードまたは選択します。
    1. 推奨:
      • アスペクト比:16:9。
      • サイズ: 526 × 296 px。
    • 動画を追加するには、Videosセクションで「Add Video」をクリックし、動画をアップロードまたは選択します。
お知らせ

ゲームページの画像と動画は、Galleryタブに表示されている順序で並びます。順序を変更するには、「•••」アイコンをクリックし、Move UpまたはMove Downを選択します。

  1. 必須フィールドを確認し、変更を保存するには、「Publish changes」をクリックします。
お知らせ
変更を適用するには、サイトを公開します。

フランチャイズを作成する

フランチャイズは、複数のゲームを論理的にグループ化することで、サイト上のコンテンツをフィルタリングし整理するのに役立ちます。ゲームリストの各フランチャイズには、画像とタイトルが表示されます。

ホームページに表示されるフランチャイズの例:

新しいフランチャイズを作成するには:

  1. Collections > Franchisesセクションに移動します。
  2. Create Newをクリックします。
  3. Titleフィールドに、サイトに表示されるフランチャイズ名を入力します。
  4. ImageセクションでAdd Imageをクリックし、フランチャイズに表示する画像をアップロードまたは選択します。
  1. 推奨:
    • アスペクト比:1:1。
    • サイズ:512 × 512 px。
  1. 必須フィールドを確認し、変更を保存するには、「Publish changes」をクリックします。
注意
フランチャイズは、最低1つのゲームと関連付けられていない場合、サイトに表示されません。

フランチャイズにゲームを追加するには:

  1. Collections > Gamesセクションに移動し、リストから既存のゲームを選択するか、新規作成します。
  2. Mainタブで、Franchiseドロップダウンリストから既存のフランチャイズを選択するか、「+」をクリックして新しいフランチャイズを作成します。
  3. 必須フィールドを確認し、変更を保存するには、「Publish changes」をクリックします。
注意
変更を適用するには、サイトを公開します。

記事作成

CMSでは、ニュース、告知、レビュー、その他ゲームやプラットフォームに関連する素材などの記事を作成できます。

Collections > Articlesセクションで記事を追加すると、サイトには2種類の表示が生成されます:

  • 記事プレビューカード — ホームページ、記事リストのページ、または記事が関連付けられているゲームページに表示できます。
記事プレビューカードの例:
  • 記事ページ — 記事の全コンテンツが含まれており、プレビューカードがクリックされたときに開きます。
記事ページの例:

ホームページに表示される記事カードの見た目と数は、サイトのUIによって異なります。

サイトに記事を追加するには:

  1. Collections > Articleセクションに移動します。
  2. Create New」をクリックします。
  3. 以下のフィールドを記入します:
    • Article Title — サイトに表示される記事のタイトル。
    • Slug — 記事ページのURL識別子。小文字のラテン文字、数字、ハイフン(-)を使用できます。
    1. 例:
    2. Slugフィールドにgame-newsが含まれている場合、ゲームページはhttp://my-awesome-game-store.com/en/article/game-newsのようなURLでアクセスできます。
    • Game — 記事に関連付けるゲーム(任意)。ドロップダウンリストからゲームを選択するか、「+」クリックして新規作成を作成します。ゲーム名は記事プレビューカードにタグとして表示されます。特定のゲームにリンクされた記事は、そのゲームのページにも表示されます。
    • Description — プレビューカードに表示され、SEOにも使用される記事の簡単な要約(任意)。
    • Header Image — プレビューカードに表示され、記事ページではバナーとして表示される画像。
    • Start Date — サイトに記事が表示される公開日。
    • Finish Date — 記事が表示されなくなる日付(任意)。
    • Text — 記事の全コンテンツ。
  1. ホームページに記事プレビューカードを表示するには、Main Articleボックスにチェックを入れます(任意)。
注意
ホームページに表示される記事カードの数はサイトのUIに依存し、プロジェクトによって異なる場合があります。ホームページUIが複数の記事カードを許可している場合、それらの順序は作成日によって決まります。最新の記事が最初に表示されます。
  1. よくある質問への回答を追加します(任意)。FAQsフィールドで既存の回答を選択するか、「+」をクリックして新しい回答を作成します。
  2. 記事をアクティブとしてマークするには、Active articleボックスにチェックを入れます。チェックがない場合、記事はサイトに表示されません。
  3. 必須フィールドを確認し、変更を保存するには、「Publish changes」をクリックします。
注意

変更を適用するには、サイトを公開します。

公開後、以下のすべての条件が満たされている場合に記事がサイトに表示されます:

  • Active articleボックスにチェックが入っている。
  • 現在の日付がStart Date以降である。
  • 現在の日付がFinish Date以前であるか、Finish Dateフィールドが空である。

ホームページのカルーセルにスライドを追加する

ホームページのヘッダーの下には、カルーセル(回転するスライドのブロック)を含めることができ、主要なゲーム、プロモーション、ニュースなどを目立たせるために使用されます。

各スライドは視覚的なバナーです。スライドは自動で切り替わるほか、手動で切り替えることもできます。

スライド付きのホームページカルーセルの例:

ホームページのカルーセルに新しいスライドを追加するには:

  1. Collections > Slidersセクションに移動します。
  2. Create Newをクリックします。
  3. 以下のフィールドを記入します:

    • Slider Name — スライドの内部名(サイトには表示されません)。
    • Slider Title — サイトに表示されるスライドのタイトル。
    • State — スライドのステータス。サイト公開後にホームページのカルーセルにスライドを表示するには、Activeを選択します。

注意
ホームページのカルーセルは、Activeステータスのスライドが2つ以上ある場合にのみ表示されます。スライドが1つしか設定されていない場合は、代わりに静的なバナーが表示されます。
    • Slider Description — スライドのテキスト(任意).
  1. Imageフィールドで、スライド画像をアップロードまたは選択します。
  1. 推奨:
    • アスペクト比:~2:1。
    • サイズ:1920 × 980 px。
  1. 外部リソースや他のサイトページへのリンクを追加します(任意)。リンクを追加するには:
    1. Linksセクションで「Add Link」をクリックします。
    2. Textフィールドに、スライドに表示するリンクテキストを入力します。
    3. Linkフィールドに、URLを入力します。
    4. Iconフィールドで、リンクのアイコンを選択またはアップロードします。
  2. 必須フィールドを確認し、変更を保存するには、「Save」をクリックします。
お知らせ
変更を適用するには、サイトを公開します。

ゲームレビューの作成

ゲームレビュー(ゲームに対するユーザーからのフィードバック)は、対応するゲームページに表示され、訪問者が他のプレイヤーの意見を理解するのに役立ちます。レビューは、信頼とユーザーエンゲージメントを築く上で重要な要素です。

ゲームページのレビューの例:

ゲームレビューは、CMSを通じて手動で追加するか、ゲームが公開されているアプリストアからレビューを自動でインポートするように設定できます。自動レビューインポートを設定するには、カスタマーサクセスマネージャーに連絡するか、csm@xsolla.comまでメールでお問い合わせください。

ゲームレビューを手動で追加するには:

  1. Collections > Reviewsセクションに移動します。
  2. Create Newをクリックします。
  3. 以下のフィールドを記入します:

    • User name — レビューを書いたユーザーの名前またはニックネーム。
    • Game — レビューに関連付けるゲーム。ドロップダウンリストから選択するか、「+」をクリックして新しいゲームを作成します。
    • Rating — ゲームに対するユーザーの評価。
    • Date — レビューが作成された日付。
    • Likes — レビューが受けた「いいね」の数(任意)。
    • Dislikes — レビューが受けた「よくないね」の数(任意)。
    • Locale — レビューの言語。

お知らせ
レビューは、サイトの表示言語がレビューの言語と一致する場合にのみ、サイトに表示されます。
    • Text — レビューのコンテンツ。
  1. レビューを匿名で公開する場合(User nameを表示しない場合)は、「Anonymous」ボックスにチェックを入れます。
  2. 必須フィールドを確認し、変更を保存するには、「Save」をクリックします。
お知らせ
変更を適用するには、サイトを公開します。

よくある質問を作成する

よくある質問は、ユーザーが重要な情報に迅速にアクセスし、一般的なサポート要求を減らすのに役立ちます。CMSでは、以下のサイトページによくある質問ブロックを追加できます:

  • ゲームページ
  • 記事
  • 動的ページ
ページ上のよくある質問セクションの例:

CMSでよくある質問を追加するには:

  1. Collections > FAQsセクションに移動します。
  2. Create New」をクリックします。
  3. 以下のフィールドを記入します:
    • Title — FAQの内部名で、サイトには表示されません。
    • Question — 質問のテキスト。
    • Answer — 回答のテキスト。
  4. 必須フィールドを確認し、変更を保存するには、「Save」をクリックします。
サイトによくある質問を表示するには、以下のいずれかのページに追加してください:
お知らせ
変更を適用するには、サイトを公開します。

動的ページの作成

動的ページは、特定のゲームに直接関連付けられていないテキストやビジュアルコンテンツをサイトに表示するために使用されます。これらのページには、次のようなカスタムコンテンツを含めることができます:

  • プライバシーポリシー
  • 利用規約
  • 情報セクションまたはヘルプセクション

動的ページはゲームカードやニュースには接続されていませんが、サイトメニューに追加したり、他のセクションからのリンクを介してアクセスしたりできます。

サイトに動的ページを追加するには:

  1. Collections > Dynamic Pagesセクションに移動します。
  2. Create Newをクリックします。
  3. 以下のフィールドを記入します:

    • Title — サイトに表示されるページタイトル。
    • Slug — ページのURL識別子。小文字のラテン文字、数字、ハイフン(-)を使用できます。
    1. 例:
    2. Slugフィールドにtermsが含まれている場合、ゲームページはhttp://my-awesome-game-store.com/en/termsのようなURLでアクセスできます。
    • Publish Date — ページが公開される日付(サイトには表示されません)。
    • Expiry Date — ページが表示されなくなる日付(任意)。
    • Content — ページのコンテンツ。

  1. よくある質問への回答を追加します(任意)。FAQsフィールドで既存の回答を選択するか、「+」をクリックして新しい回答を作成します。
  2. 必須フィールドを確認し、変更を保存するには、「Publish changes」をクリックします。
お知らせ
変更を適用するには、サイトを公開します。

ローカリゼーションの設定

サイトで利用可能な言語は、グローバル設定のロケールセットによって定義されます

コンテンツは、ロケールごとに個別に用意する必要があります。

特定のロケールにコンテンツが指定されていない場合、デフォルトのロケールである英語のコンテンツが使用されます。デフォルトのロケールを変更するには、カスタマーサクセスマネージャーに連絡するか、csm@xsolla.comまでメールでお問い合わせください。

例:

サイトが英語(デフォルト)とドイツ語の2つのロケールをサポートしているとします。

ドイツ語のロケールに特定のゲーム設定が提供されていない場合、ドイツ語でサイトを閲覧しているユーザーには、デフォルトのロケールである英語で提供されたコンテンツが表示されます。

サイトのロケールの構成

  1. Globals > Configurationセクションに移動します。
  2. Languagesドロップダウンリストで、必要なロケールを選択します。
  3. Saveをクリックします。
お知らせ

変更を適用するには、サイトを公開します。

サイトにロケールを切り替えるためのUI要素が含まれていることを確認してください。この要素を追加するには、カスタマーサクセスマネージャーに連絡するか、csm@xsolla.comまでメールでお問い合わせください。

コンテンツを手動でローカライズする

  1. 画面右上のLocaleフィールドで、目的のロケールを選択します。
  2. Collectionsの下にある関連セクションに移動します。たとえば、記事をローカライズするには、Collections > Articlesセクションに移動します。
  3. テーブル内のエントリを選択します。
  4. 選択したロケールでテキストフィールドを記入し、変更を保存します。

特定のロケールでゲームの説明、記事、フランチャイズ、その他のオブジェクトを追加することもできます。これらのオブジェクトは、ユーザーが一致するロケールを選択した場合にのみサイトに表示されます。

お知らせ
変更を適用するには、サイトを公開します。

コンテンツを自動でローカライズする

コンテンツの自動ローカライズは、以下のコレクションでのみ利用可能です:

  • Games
  • Articles
  • Dynamic Pages

コンテンツを自動でローカライズするには:

  1. Collections > GamesArticlesまたはDynamic Pagesセクションに移動します。
  2. テーブル内の希望のエントリを選択します。
  3. Translateをクリックします。
  4. Languagesモーダルウィンドウで、コンテンツを翻訳したいロケールを選択します。すべてのサイトロケールを選択するには、「Choose All」をクリックします。
  5. Translateをクリックし、コンテンツの翻訳が完了するまで待ちます。
  6. 必要に応じて翻訳を編集します。
  7. 必須フィールドを確認し、変更を保存するには、「Publish changes」をクリックします。
お知らせ
変更を適用するには、サイトを公開します。

変更内容を公開する

サイトの設定やコレクションに加えられた変更は、公開されるまでライブサイトには反映されません。

サイトの変更を公開するには、画面右上のBuild SiteボタンまたはDashboardページのBuildボタンをクリックします。

配信プラットフォームドメインのセットアップ

すべてのサイトは、アマゾン ウェブ サービス(AWS)インフラストラクチャでホストされ、Amazon CloudFront(コンテンツを世界中のユーザーに迅速かつ安全に配信するCDNサービス)を通じて提供されます。

セットアップと公開が完了すると、エクソーラチームからhttps://your-cloudfront-id.cloudfront.netという形式のサイトURLが提供されます。

配信プラットフォームにカスタムドメイン(またはサブドメイン)を接続できます。例えば、games.example.comのような形です。これにより、サイトアドレスに自社名やプロジェクト名を使用できるようになり、ユーザーにとってより認識しやすくなります。

配信プラットフォームにカスタムドメインを設定するには:

  1. プラットフォームをホストするドメインまたはサブドメインを選択します。
お知らせ

ドメインレベルに技術的な制限はありませんが、利便性のためにサードレベルドメインを使用することをお勧めします。これはドメインのDNS設定で設定できます。

エラーを回避し、ドメインがエクソーラインフラストラクチャに適格であることを確認するために、CloudFrontの代替ドメイン名(CNAME)に関するAWS要件を参照してください。

  1. CNAMEレコードを作成します:
    1. DNSプロバイダーの管理パネルにログインします。
    2. DNSレコードセクションに移動します。
    3. 以下のパラメータで新しいレコードを作成します:
パラメータ
種類CNAME
名前あなたのドメインまたはサブドメイン、例えば、games.example.com
エクソーラから提供されたCloudFrontアドレス(https://your-cloudfront-id.cloudfront.net)。
Time To Live(TTL、キャッシュ保存時間)デフォルト値のままにするか、300(5分に相当し、ほとんどの設定に適しています)に設定します。
お知らせ
DNSプロバイダーによっては、変更が反映されるまでに最大72時間かかる場合があります。
注意
独自のCDNを使用したい場合は、CNAMEレコードを作成する代わりにプロキシサーバーをセットアップしてください。この際、オリジンサーバーとしてhttps://your-cloudfront-id.cloudfront.netを使用します。
  1. ドメイン接続リクエストをカスタマーサクセスマネージャーに送信するか、csm@xsolla.comまでメールでお問い合わせください。リクエストには以下の詳細を含めてください:
    • 希望するドメインまたはサブドメイン
    • その他の要件(例:デフォルト言語、リダイレクトルール、ローカライズ設定)
この記事は役に立ちましたか?
ありがとうございます!
改善できることはありますか? メッセージ
申し訳ありません
この記事が参考にならなかった理由を説明してください。 メッセージ
ご意見ありがとうございました!
あなたのメッセージを確認し、体験を向上させるために利用させていただきます。
最終更新日: 2025年8月29日

誤字脱字などのテキストエラーを見つけましたか? テキストを選択し、Ctrl+Enterを押します。

問題を報告する
当社は常にコンテンツを見直しています。お客様のご意見は改善に役立ちます。
フォローアップ用のメールをご提供してください
ご意見ありがとうございました!
フィードバックを送信できませんでした
後でもう一度お試しいただくか、doc_feedback@xsolla.comまでお問い合わせください。