メインコンテンツへスキップ
Eコマース向け

キャンペーン中にプロモ画面と決済画面を変更

セールバナー、プロモ code フィールド、決済ステップのいずれかにWebレイヤーの修正が必要な場合は、Capgo CLI でアップロードしてください。ステージングチャネルでテストし、一部の買い物客に配信して、決済画面に問題があればロールバックしてください。

小売チームが live update レーンを導入する理由

ストア審査でキャンペーン期間がずれ込むことは許されない

ストア審査待ちの間に発生したキャンペーン当日のバグ

セール開始直後、あるプラットフォームでプロモーションの code フィールドが機能不全に。修正はわずか数行のJavaScriptで完了します。

ストア経由のプロセスでは、新しいバイナリをビルドして申請する必要があります。ストアの審査には通常24〜48時間、場合によってはそれ以上かかります。

承認された後でも、ユーザーは新しいバージョンをインストールしなければなりません。その頃には、キャンペーンが終わっていることもあります。

キャンペーンは決まった日程で行われる

プロモーションや新商品の発売、季節のセールは決まった時間に始まります。Webレイヤーの修正が審査待ちに左右されるべきではありません。

決済フローの変更には慎重さが求められる

カートや決済の変更は、まず一部のユーザーにのみ適用し、迅速にロールバックできる仕組みが必要です。

多くのアプリバージョンが残存する

ユーザーによってアップデートのタイミングは異なります。新しいネイティブ code が必要なbundleは、古いバイナリに配信されてはいけません。

キャンペーン画面の実機確認が必要

マーケティングやQAチームは、公開前にスマートフォンでキャンペーン画面を確認したいと考えています。

Capgo が小売チームにもたらす価値

Webレイヤーの変更をより迅速に

キャンペーンUIを準備して一部のユーザーに配信し、いつでもワンステップで戻せるように。Native Buildの変更は引き続きストア経由で行われます。

キャンペーン中にWebレイヤーの修正を適用

修正したJavaScript、HTML、またはCSSをuploadします。チャンネル内のデバイスはバックグラウンドでダウンロードを行い、次にアプリがフォアグラウンドに戻った際に実行されます。

アップデートの挙動について

チェックアウトの変更を段階的にリリース

他のユーザーは安定したbundleを使い続ける一方で、新しいチェックアウトや商品ページのbundleを一部のデバイスにのみ配信できます。これはA/Bテストではなくリリース制御です。コンバージョン比較は独自の分析ツールで行ってください。

段階的なロールアウトのドキュメント

ワンステップでロールバック

リリースによってカート機能が壊れた場合は、ロールアウトを戻すか、チャンネル履歴から以前のbundleを選択してください。起動に失敗したbundleは、デバイス上で自動的にロールバックされます。

ロールバックのドキュメント

リリース前にキャンペーンUIを検証

キャンペーン用のbundleをステージング用チャンネルにuploadし、QR code を使って実機で確認します。チームの承認が得られたら本番へプロモートしましょう。

Channels ドキュメント
# upload the campaign bundle to staging, print a QR code
npx @capgo/cli@latest bundle upload --channel staging --qr-preview

# after sign-off, ship the same code to production
npx @capgo/cli@latest bundle upload --channel production --rollout 10
get-qr コマンド

仕組み

Capgo を使った、小売チームによるキャンペーン変更のデプロイ方法

Capacitor ショッピングアプリにおける、プロモーションやチェックアウト変更の一般的なフローです。以下のコマンドはすべて Capgo CLI ドキュメントに基づいています。

  1. ステージング用チャンネルで準備

    キャンペーンの bundle を staging に upload し、QR code をスキャンして実機で開きます。アプリで Bundle preview が有効である必要があります。

    npx @capgo/cli@latest bundle upload --channel staging --qr-preview
    Channels ドキュメント
  2. 一部のユーザーに配信

    --rollout を使用して production に upload します。プロモートするまで、ほとんどのユーザーは安定した bundle を使い続けます。

    npx @capgo/cli@latest bundle upload --channel production --delta --rollout 10
    Progressive rollouts ドキュメント
  3. チェックアウトに問題がなければプロモート

    Capgo と自社のセールスダッシュボードでインストール状況や失敗データを確認し、問題がなければチャンネル内の全デバイスに bundle をプロモートします。

    npx @capgo/cli@latest channel set production --rollout-promote
    Observe のドキュメント
  4. 問題がある場合はロールバック

    コマンド一つでロールアウト対象を stable に戻すか、チャンネル履歴から以前の bundle を選択します。

    npx @capgo/cli@latest channel set production --rollout-rollback
    ロールバックのドキュメント

Capacitorで構築されたアプリ

オファー、ロイヤリティ、決済体験を磨き上げる小売アプリ

食料品やロイヤリティアプリでは、プロモーション、特典への導線、onboarding、決済時のメッセージを、バイナリのリリースサイクルに縛られず迅速に変更できます。

My Morrisonsのアプリアイコン ショッピング

My Morrisons

キャンペーンや特典画面をプロモーションごとに更新できる、食料品ロイヤリティアプリ。

Google Play インストール数
280万
ストア評価
3.1
Sproutsのアプリアイコン ショッピング

Sprouts

オファー内容や閲覧パスが常に変化する、リテール向けショッピングアプリ。

Google Play インストール数
140万
ストア評価
4.3
Wegmansのアプリアイコン ショッピング

Wegmans

チェックアウト、リスト、ロイヤリティの改善を個別にリリースできる食料品アプリ。

Google Play インストール数
130万
ストア評価
3.7

導入実績

Capgo を活用するチームの声

5.0/5 開発チームによる評価 9,400+ チーム数 レビューを読む

Kapil

NuTriQ 創業者

「App Storeの審査を待たずに、本番環境へ即座にOTAアップデートを配信できることは、運用面で非常に大きなアドバンテージになっています。」

Sergiu Sのポートレート

Sergiu S

リードデベロッパー、drivolino GmbH

「Capgo Capacitor Updater プラグインのおかげで、アップデートの配信方法が劇的に変わりました。以前は何日もかかっていた作業が、今ではわずか数分で完了します。」

no-tone @ Webincode

Webincode 開発者

「特定のグループに Device ID を追加し、そのグループだけに変更をプッシュできる機能は、本当に救世主です。」

よくある質問

小売チームからのよくある質問

ショッピングアプリにおける live update の活用方法と、安全なチェックアウトを維持する秘訣。

live update で価格やチェックアウトを変更できますか?

通常、価格はバックエンドから取得されるため、価格変更はバックエンドで行ってください。live update は、プロモーションバナー、商品ページ、カート、チェックアウト画面など、それらを表示する Web code やアセットを変更するために使用します。ネイティブの決済 SDK やプラグインの変更には、ストア経由のリリースが必要です。

ネイティブ互換性ドキュメント

Capgo は A/B テストツールですか?

いいえ。Progressive rolloutは、リスクを抑えるために、特定の割合のデバイスにランダムかつ固定的にbundleを配信する仕組みです。これはコンバージョンを測定するものではありません。実験には、ご利用の分析ツールやfeature flagツールを使用してください。特定のユーザーに異なるbundleを配信する必要がある場合は、channelsを使用してください。

Progressive rolloutのドキュメント

キャンペーン画面をリリース前にテストするにはどうすればよいですか?

bundleをstaging channelにuploadし、QR codeを使用してデバイスで開くか、device overrideを使用してテストデバイスをそのchannelに固定してください。承認されたら、同じbundleをproductionにpromoteします。

Channelsのドキュメント

リリースによってチェックアウトが動かなくなった場合はどうなりますか?

新しいbundleの起動に失敗し、notifyAppReady()が呼び出されない場合、デバイスは自動的にロールバックします。起動はするもののチェックアウトの挙動がおかしい場合は、progressive rolloutをロールバックするか、channel historyから以前のbundleを選択してください。

Rollbacksのドキュメント

ユーザーにアップデートはいつ反映されますか?

デフォルトでは、デバイスはバックグラウンドでダウンロードを行い、次にアプリがフォアグラウンドに戻った際に実行されます。最初の画面で必ずアップデートを適用させたい場合は、onLaunchなどのダイレクトアップデートモードを使用してください。

アップデートの挙動に関するドキュメント

次のキャンペーンの準備はできていますか?

トライアル期間中に、独自のアプリでステージングチャネルと段階的なロールアウトを設定できます。