モバイルゲーム用ウェブショップの作成

ウェブショップは、エクソーラの決済インターフェースとウェブサイト上のストアインターフェースを使用して、仮想商品、仮想通貨、およびバンドルを販売するためのソリューションです。ユーザーは1,000​種類​以上​の​決済方法にアクセスできます。

以下のページでは、ウェブショップのテンプレートを使用してウェブサイトを作成する方法について説明しています。ソリューションの詳細やすべての機能を利用するには、 ドキュメントをご参照ください。

ウェブショップを作成するには：

1. パブリッシャーアカウントでプロジェクトを作成します。
2. ウェブサイトを作成します。
3. キーブロックを設定します。
4. ショッピングカートをセットアップします。
5. サイトをテストします。
6. サイトを公開します。

サイトを作成する

1. パブリッシャーアカウントでプロジェクトを開き、ストアフロント > ウェブサイトセクションに移動します。
2. 「サイトを作成」をクリックします。
3. ウェブショップテンプレートを選択します。
4. ゲームが利用可能な外部プラットフォームのURLを追加します。これにより、ゲームのスタイル（画像、ゲームタイトル、開発元情報、カラースキーム）を自動でページに追加し、迅速にページを作成できます。ゲームデータを使いたくない場合は、App StoreまたはGoogle Play URL経由でゲーム情報をコピーするのトグルを非アクティブにしてください。

5. 「ウェブショップを作成」をクリックします。

その結果、ゲーム用に事前設定されたウェブサイトが表示された状態で、サイトビルダーにリダイレクトされます。以下の必要な調整を行うことができます：

• サイトテーマのカスタマイズ：
  • 主要要素のカラー
  • 各要素の角丸
  • 見出しおよび本文のフォント
• コンテンツの編集：
  • 各ブロックへの画像や動画をアップロードする
  • ユーザーに表示されるテキストを変更する

ウェブサイトには追加のページを作成または設定することもできます。たとえば、ニュースを公開したり、複数のアイテムバンドルを揃えたストアを開設したり、ブログを運営したりできます。

キーブロックを構成する

すべてのブロックにはデフォルト設定が含まれています。特定のブロック機能を有効または無効にし、必要に応じてカスタマイズすることができます。

ヘッダーブロックをセットアップする

サイトのヘッダーにあるブロック。「ヘッダー」はユーザー情報を表示し、サイトナビゲーション要素を含みます。ブロックを固定することで、サイトをスクロールしても画面に表示されたままにすることができます。

必要に応じて、以下の方法でブロックをカスタマイズします：

1. 以下のトグルをアクティブに設定します：

1. • ログインボタン — サイドヘッダーでユーザー認証ボタンを表示します。

1. • Fixed position — keeps the header visible when the user scrolls the page.

1. • カスタム背景 — replaces the default header background with a custom one.

2. ブロックでボタンを設定します。

リードブロックのセットアップ

ウェブショップに関する基本情報のブロック - サイトの対象となるゲームと、その開発元（デベロッパー）の情報。サイト作成時にGoogle PlayやApp Storeへのリンクを追加しなかった場合は、コンストラクターのメイン部分にあるリードブロックで以下の要素を設定してください：

1. ゲームアイコンを追加します。
2. ゲーム名を指定します。
3. ゲームゲーム開発者を指定します。

必要に応じて、以下の方法でブロックをカスタマイズします：

1. 背景画像を追加する。
2. 情報カードでサイト情報を表示するには、以下のトグルをアクティブ化にします：
   • カードアイコン
   • カードの見出し
   • カードの説明

ファストログインブロックのセットアップ

ファストログインブロックを利用すると、認証ステップが目立つようになり、ユーザーの購入までの道のりをスムーズにできます。

このファストログインブロックを使用するには、まずログイン設定セクションで認証方法を選択する必要があります。ブロックの外観と動作は、選択された認証方法によって異なります。

ユーザーIDによる認証を使用している場合は、ゲーム内でIDを確認する方法に関する説明を追加することをお勧めします：

1. サイトビルダーのサイドバーで「ログイン設定」セクションに移動します。
2. ユーザーIDオプションを選択します。
3. 説明トグルをアクティブに設定します。

必要に応じて、以下の方法で説明モーダルをカスタマイズします：

• ブロックのヘッダーや説明文の表示を調整します。
• デフォルトのテキストを自分の内容に置き換えます。

ブロックストアをセットアップする

仮想アイテム、バンドル、仮想通貨パックを販売するためのブロック。このブロックには、削除して新しいセクションに置き換えることができる、自動的に作成されたセクションが含まれています。

1. 必要に応じて、次の方法でブロックをカスタマイズします：
   • タイトルを追加する
   • アイテムグループ名の表示を有効にする
   • ストア内のナビゲーションを簡単にするタブを有効にする
   • カスタム背景を追加する
   • ログインコールトゥアクションボタンを構成する。
2. ストアセクションで、サイトで販売したいアイテムタイプとそのグループをドロップダウンリストから選択します。

3. ストアセクションで「アイテムカードレイアウト」を選択します：

1. • おすすめ。このカードレイアウトを使用すると、特定のアイテムや特別オファーにユーザーの注目を集めることができます。このレイアウトは、ボーナスや割引プロモーションのほか、期間または数量限定のプロモーション、アイテム、およびバンドルへの使用をお勧めします。

1. 1. カードレイアウトで以下ができます：
      • アイテムの画像や説明を隠す、または表示する
      • 商品画像を枠に合わせる、または全体に広げる
      • テキスト色を変更する
      • カルーセルへのカスタム背景を使用する

1. • 横型。このカードレイアウトでは、アイテムの名称、説明、および価格を画像の右側に配置できます。

1. 1. カードレイアウト設定で以下ができます：
      • アイテム説明を隠す、または表示する
      • 商品画像を枠に合わせる、または全体に広げる
      • モバイルデバイスでの横スクロールの有効化または無効化
      • セクションへのカスタム背景を使用する

1. • 縦型。このカードレイアウトでは、アイテムの名前、説明、および価格を画像の下側に配置できます。

1. 1. カードレイアウト設定で以下ができます：
      • アイテム説明を隠す、または表示する
      • 商品画像を枠に合わせる、または全体に広げる
      • モバイルデバイスでの横スクロールの有効化または無効化
      • セクションへのカスタム背景を使用する

1. • 大きい。バンドルやボーナスにこのカードレイアウトを使うことをお勧めします。これは、カードをクリックしなくても、ランディングのカードの構成を示しています。

1. 1. カードレイアウト設定で以下ができます：
      • アイテム説明を隠す、または表示する
      • 商品画像を枠に合わせる、または全体に広げる
      • モバイルデバイスでの横スクロールの有効化または無効化
      • セクションへのカスタム背景を使用する

4. 必要に応じて、カードレイアウト設定にある該当のトグルを有効にすることで、カードのレイアウトを調整（カスタマイズ）できます。
5. コンテンツがない場合にセクションを非表示にするには、セクションが空の場合は非表示トグルをアクティブ化にします。

フッターブロックをセットアップする

必要に応じて、以下の方法でブロックをカスタマイズするには：

1. レイアウトスタイルを選択します。
2. 背景をカスタムします。
3. Add Share options buttons, configure social media icons.
4. ソーシャルネットワークにリンクを追加します。
5. 年齢制限を追加します。

ショッピングカートをセットアップ

ウェブサイト上のショッピングカートをご利用いただけます。これを行うには：

1. ビルダーのメインセクションでカート設定ブロックに移動します。
2. ショッピングカートを使用するトグルのスイッチをアクティブに設定します。
3. 追加のカート機能を設定します（任意）。設定を行うには、対応するトグルを切り替えてください。

1. • Show promo code field – allows users to use a promo code or coupon in the shopping cart interface;

1. • Login before shopping cart – opens the authentication window when navigating to the shopping cart if the user was not previously logged in.

お役立ちリンク

最終更新日: 2026年2月13日