フィーチャーフラグについて

フィーチャーフラグを使用すると、特定のユーザーまたは選択したユーザーの機能をリモートで有効または無効にすることができます。重要なことは、追加のコード展開やアプリストア更新を使用せずに、機能のオンオフを本番環境で切り替えることができることです。これにより、新しい機能を安全かつ確信を持ってロールアウトできます。

Brazeでフィーチャーフラグを作成する方法に関するステップを探していますか?機能フラグの作成を参照してください。

前提条件

フィーチャーフラグを使用するには、少なくとも以下の最小バージョン以上の最新の SDK を使用するようにしてください。

iOS Swift: 5.9.0+ Web: 4.6.0+ Android: 24.2.0+ Roku: 1.0.0+ Flutter: 6.0.0+ Unity: 4.1.0+ React Native: 4.1.0+ Cordova: 5.0.0+

フィーチャーフラグ sの使用

フィーチャーフラグ s を使用して:

段階的なロールアウトを導入する
アプリ変数をリモートでコントロールする
機能のロールアウトとメッセージングを同期する
新機能を試す
ユーザーをフィーチャーフラグでセグメント化する

段階的なロールアウト

フィーチャーフラグを使用して、サンプルの母集団に対して徐々に機能を有効にします。たとえば、最初に VIP ユーザーに新しい機能をソフトローンチできます。この戦略は、新しい機能を一度に全ユーザーに配布することに伴う危険性を軽減するのに役立ち、バグの早期発見に役立ちます。

ロールアウトトラフィックスライダの移動イメージは0% から100% です。

たとえば、顧客サービスを迅速に行うために、新しい「ライブチャットサポート」リンクをアプリに追加することにしたとします。この機能をすべての顧客に一度にリリースすることもできます。しかし、幅広くリリースすることには、次のようなリスクがあります。

当社のサポートチームはまだトレーニング段階にあり、顧客はリリース後にサポートチケットを開始できます。これでは、サポートチームがより多くの時間を必要とする場合に、余裕がなくなります。
新しいサポートケースの実際のボリュームがわからないので、適切なスタッフが配置されない可能性があります。
サポートチームが圧倒された場合、この機能を再度すばやく無効にする戦略はありません。
チャットウィジェットにバグが発生する可能性があり、顧客にネガティブな体験をさせたくありません。

Braze フィーチャーフラグを使用することで、機能を段階的にロールアウトし、これらのリスクをすべて軽減できます。

“Live Chat Support”機能は、サポートチームが準備ができたと言ったときにオンにします。
人員が適切に配置されているかどうかを判断するために、この新機能を10%のユーザーに対してのみ有効にします。
バグがある場合は、新しいリリースを急いで配布するのではなく、ただちに機能を無効にすることができます。

この機能を段階的にロールアウトするには、「ライブチャットウィジェット」という名前のフィーチャーフラグを作成します。

Live Chat Widget という名前の例の機能フラグの詳細。ID はenable_live_chat です。この機能フラグの説明は、ライブチャットウィジェットがサポートページに表示されることを読み取ります。

このアプリコードでは、Braze フィーチャーフラグが有効になっている場合、Live Chatボタンのみを表示します。

import {useState} from "react";
import * as braze from "@braze/web-sdk";

// Get the initial value from the Braze SDK
const featureFlag = braze.getFeatureFlag("enable_live_chat");
const [liveChatEnabled, setLiveChatEnabled] = useState(featureFlag.enabled);

// Listen for updates from the Braze SDK
braze.subscribeToFeatureFlagsUpdates(() => {
    const newValue = braze.getFeatureFlag("enable_live_chat").enabled;
    setLiveChatEnabled(newValue);
});

// Only show the Live Chat if the Braze SDK determines it is enabled
return (<>
  Need help? <button>Email Our Team</button>
  {liveChatEnabled && <button>Start Live Chat</button>}
</>)

アプリ変数をリモートでコントロールする

フィーチャーフラグを使用して、本番環境でアプリの機能を変更します。これは特にモバイルアプリにおいて重要となる可能性があります。アプリストアの承認プロセスにより、すべてのユーザーに変更を迅速にロールアウトすることが難しいためです。

例えば、弊社のマーケティングチームが、弊社の現行の販売・プロモーションを弊社アプリのナビゲーションに掲載したいとします。通常、当社のエンジニアは変更に1週間、アプリストアのレビューに3日間のリードタイムを必要とします。しかし、感謝祭、ブラックフライデー、サイバーマンデー、ハヌカー、クリスマス、元旦がすべて2ヶ月以内にあるので、これらのタイトな締め切りに間に合わせることはできないでしょう。

フィーチャーフラグを使用すると、Braze によってアプリのナビゲーションリンクのコンテンツを強化し、マーケティングマネージャーが数日ではなく数分で変更を加えることが可能になります。

この機能をリモートで構成するには、navigation_promo_link という新しいフィーチャーフラグを作成し、次の初期プロパティを定義します。

リンクとテキストプロパティを使用して、汎用の販売ページに移動する機能フラグ。

このアプリでは、Braze で getter メソッドを使用して、このフィーチャーフラグのプロパティを取得し、これらの値に基づいてナビゲーションリンクを構築します。

import * as braze from "@braze/web-sdk";
import {useState} from "react";

const featureFlag = braze.getFeatureFlag("navigation_promo_link");
// Check if the feature flag is enabled
const [promoEnabled, setPromoEnabled] = useState(featureFlag.enabled);
// Read the "link" property
const [promoLink, setPromoLink] = useState(featureFlag.getStringProperty("link"));
// Read the "text" property
const [promoText, setPromoText] = useState(featureFlag.getStringProperty("text"));

return (<>
  <div>
    <a href="/">Home</a>
    { promoEnabled && <a href={promoLink}>{promoText}</a> }
    <a href="/products">Products</a>
    <a href="/categories">Categories
  </div>
</>)

これで、感謝祭の前日には、Braze ダッシュボードでこれらのプロパティ値を変更するだけで済みます。

Thanksgiving sales page. に向けたリンクとテキストプロパティを持つ機能フラグ

その結果、次回誰かがアプリを読み込むと、新しい感謝祭セールが表示されます。

メッセージの調整

フィーチャーフラグを使用して、機能のロールアウトとメッセージングを同期します。これにより、ユーザーエクスペリエンスと関連メッセージングの両方の信頼できる情報源として Braze を使用できるようになります。これを実現するには、新しい機能の対象をオーディエンスの特定のセグメントまたはフィルター処理された部分にします。次に、そのSegmentのみを対象とするキャンペーンまたはキャンバスを作成します。

たとえば、ユーザー向けに新しいロイヤルティ報酬プログラムを開始するとします。マーケティングチームと製品チームが、プロモーションメッセージングのタイミングと機能のロールアウトのタイミングを完璧に調整するのは難しいかもしれません。キャンバスのフィーチャーフラグを使用すると、選択したオーディエンスに対して機能を有効にし、その同じユーザーに対して関連するメッセージングをコントロールする際に、高度なロジックを適用できます。

機能のロールアウトとメッセージングを効率的に調整するために、show_loyalty_program という新しいフィーチャーフラグを作成します。最初の段階的リリースでは、フィーチャーフラグを有効にするタイミングと対象をキャンバスでコントロールします。この時点では、ロールアウトのパーセンテージは0% のままにし、ターゲットセグメントは選択しません。

ロイヤルティ報酬プログラムという名前のフィーチャーフラグ。ID はshow_loyalty_program で、これは新しいロイヤルティ報酬プログラムをホーム画面とプロファイルページに表示します。

次に、キャンバスフローで、「高価値顧客」セグメントの show_loyalty_program フィーチャーフラグを有効にするフィーチャーフラグステップを作成します。

高価値顧客セグメントがshow_loyalty_program 機能フラグをオンにするAudience Split ステップを持つキャンバスの例。

これで、このセグメントのユーザーに対して新しいロイヤルティプログラムが表示され始め、有効にした後、メールと調査が自動的に送信され、チームがフィードバックを収集できるようになります。

機能実験

フィーチャーフラグを使用して、新しいフィーチャーに関する仮説を実験で確認することができます。トラフィックを2 つ以上のグループに分割することで、グループ間でフィーチャーフラグの影響を比較し、その結果に基づいてアクションの最適なコースを決定できます。

A/B test は、ユーザーのレスポンスを変数の複数バージョンと比較する強力なツールです。

この例では、チームは e コマースアプリの新しいチェックアウトフローを構築しました。ユーザーエクスペリエンスは改善されていると確信しているにもかかわらず、AB テストを実行して、アプリの収益に与える影響を測定したいと考えています。

まず、enable_checkout_v2 という新しいフィーチャーフラグを作成します。オーディエンスやロールアウトのパーセンテージeは追加しません。代わりに、フィーチャーフラグ試験を使用して、トラフィックを分割し、機能を有効にして、結果を測定します。

このアプリでは、フィーチャーフラグが有効かどうかを確認し、レスポンスに基づいてチェックアウトフローをスワップアウトします。

import * as braze from "@braze/web-sdk";

const featureFlag = braze.getFeatureFlag("enable_checkout_v2");
braze.logFeatureFlagImpression("enable_checkout_v2");
if (featureFlag?.enabled) {
  return <NewCheckoutFlow />  
} else {
  return <OldCheckoutFlow />
}

A/B テストは、Feature Flag Experiment で設定します。

さて、50%のユーザー sが旧来の体験を見て、残りの50%が新しい体験を見てくれるでしょう。次に、2つのバリアントを分析して、どのチェックアウトフローが高い変換率をもたらしたかを判断することができます。

コンバージョン率は、メッセージの全受信者と比較して、定義されたイベントが発生した回数の割合である。キャンペーンを作成するときに、このイベントを決定します。

勝者が決定したら、このキャンペーンを停止し、すべてのユーザーに対してフィーチャーフラグのロールアウト率を100%に増やすことができます。一方、開発チームはこれを次のアプリリリースにハードコーディングします。

セグメンテーション

Feature Flagフィルタを使用して、機能フラグが有効になっているかどうかに基づいて、ユーザでセグメントメッセージまたはターゲットメッセージを作成します。たとえば、アプリのプレミアムコンテンツをコントロールするフィーチャーフラグがあるとします。フィーチャーフラグが有効になっていないユーザーをフィルター処理するセグメントを作成し、そのセグメントに対して、プレミアムコンテンツを表示するためにアカウントをアップグレードするように促すメッセージを送信できます。