サイトを作成してメインブロックをカスタマイズする

概要

本セクションでは、サイトビルダーにおけるウェブショップの手動セットアップについて説明します。ウェブショップを初めて作成する場合は、エクスプレスシナリオから開始することをお勧めします。この機能により、ゲームのApp Storeページのデータに基づいてスターターサイトの構成を自動生成できます。生成された設定は、その後サイトビルダーでさらにカスタマイズすることが可能です。

ウェブショップテンプレートを使用すると、以下を作成できます：

• シングルページストア — ウェブショップの構成を簡略化した形式です。すべてのコンテンツが1つのページに配置されます。購入までのユーザーージャーニーを最小限に抑え、ストアをできるだけ早く立ち上げたい場合に適しています。ウェブショップテンプレートには、シングルページストアに必要な主要ブロックが含まれています。これらのブロックをカスタマイズまたは削除したり、新しいブロックを追加したりすることが可能です。

• マルチページウェブポータル — プレイヤーのエンゲージメントを高めるためのフル機能のプラットフォームを構築できる、ウェブショップの高度な形式です。コンテンツ（ニュース、報酬）の提供や、ゲーム内トラフィックの獲得シナリオに適しています。プラットフォームの要件を遵守しながら、直接アイテムを販売せずにコンテンツページへユーザーを誘導し、その後ウェブショップ内での購入を促すことが可能です。エクスプレスシナリオを使用しない場合は、各ページを手動で追加する必要があります。マルチページサイトではサイドバーが必須要素となり、これはページ間のナビゲーションを提供し、マルチページサイトの作成時に自動的に追加されます。

開始前に、以下を設定してください：

• パブリッシャーアカウントでのプロジェクト
• ユーザー認証
• アイテムカタログ
• LiveOpsおよびプロモーションツール
• ウェブフックの処理

1. サイトを作成します。
2. 主要ブロックを設定します。

設定が完了したら、サイトのテストと公開を行ってください。

サイトの作成

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

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

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

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

マルチページウェブポータルを作成する場合は、ページを追加します：

1. サイトビルダー上部のページ名をクリックし、ドロップダウンから「ページを作成」を選択します。

2. 「おすすめ」または「その他のテンプレート」タブからページテンプレートを選択します。

キーブロックの設定

すべてのブロックにはデフォルト設定が含まれています。特定のブロック機能を有効または無効にしたり、必要に応じてカスタマイズしたりすることが可能です。ウェブショップテンプレートを使用すると、以下のブロックがサイトに自動的に追加されます。

• ヘッダー — サイト上部のブロックです。ユーザー情報を表示し、サイトのナビゲーション要素を含みます。詳細はブロックセクションを参照してください。
• リードブロッ — ウェブショップに関する基本情報（対象となるゲームや開発元など）を表示するブロックです。詳細はブロックセクションを参照してください。
• ファストログイン — 認証ステップを強調し、購入までのユーザーパスを簡略化できるブロックです。事前にユーザー認証の設定が必要です。詳細はブロックセクションを参照してください。
• ストア — 仮想アイテム、バンドル、仮想通貨パックを販売するためのブロックです。詳細はブロックセクションを参照してください。
• フッター — サイト下部のブロックで、SNSリンク、シェアボタン、および追加情報が含まれます。詳細はブロックセクションを参照してください。
• ショッピングカート — 購入前にアイテムをカートに追加したり、カート画面でプロモーションコードやクーポンを適用したりできます。詳細は ブロックセクションを参照してください。

続きを読む