プログレッシブウェブアプリをセットアップする
プログレッシブウェブアプリ（PWA）は、モバイル端末でアプリのようなエクスペリエンスを提供するウェブベースのアプリケーションです。これにより、ユーザーはウェブショップをホーム画面に直接インストールすることができ、ブラウザを開いて手動でストアに移動することなく、素早くアクセスすることができます。
リダイレクトに制限があるプラットフォームの場合、PWAはユーザーがストアにアクセスするためのより直接的で便利な方法を提供し、不要な手順を減らし、エンゲージメントを強化します。アクセスを効率化することで、PWAはユーザーのリテンションを向上させ、より頻繁な購入を促進します。
PWAインストールのユーザーフロー
ユーザーは自分のモバイル端末上でウェブショップを開きます。
ウェブショップでは、画面の下部にアプリケーションのインストールプロンプトバナーが表示されます。
ユーザーが「インストール」をクリックします。
ウェブショップには、PWAのインストールに関する説明が表示されます。
- ユーザーは説明に従います。その結果、PWAはユーザーのデバイスのホーム画面に追加されます。
セットアップ方法
- パブリッシャーアカウントのプロジェクトで、サイトビルダーセクションに移動します。
- ウェブショップサイトのペインで、「サイトビルダーを開く」をクリックします。
- ウェブアプリ設定に移動します。
- 「ウェブアプリを有効にする」トグルをアクティブに設定します。
- アプリケーションのインストールプロンプトバナーをカスタマイズします（任意）：
- バナーヘッダーのテキストを変更します。
- バナーの二次テキストを変更します。
- カスタム背景を設定します。
- ボタンのスタイルを変更します。
- インストールに関する説明をカスタマイズします（任意）。
- ユーザーのデバイスでPWA外観を設定します：
- PWAの名前を指定します。ホーム画面またはユーザーのデバイスのアプリケーションドロワーに表示されます。
- PWAアイコンをアップロードします。
お知らせ
PWAでゲームと同じアイコンが使用されている場合は、「アイコンのフレームを表示する」トグルをアクティブに設定することをお勧めします。ストアアイコンの周りにフレームが追加され、ユーザーがゲームと区別しやすくなります。
- 変更を適用するには、サイトを公開します。
この記事は役に立ちましたか？
ご意見ありがとうございました！
あなたのメッセージを確認し、体験を向上させるために利用させていただきます。誤字脱字などのテキストエラーを見つけましたか？ テキストを選択し、Ctrl+Enterを押します。
