コンテンツにスキップ

アプリ内メッセージ(ポップアップ)

アプリ内メッセージ(ポップアップ)は、ユーザーがアプリやWebサービスを利用している最中にコンテンツを表示し、その場でのアクションを促します。たとえば顧客を特定のページへ即座に誘導するなど、その場でコンバージョンを生み出すことで、高いコンバージョン率を実現します。

アプリ内メッセージの設定方法を選ぶ

Section titled “アプリ内メッセージの設定方法を選ぶ”

アプリ内メッセージでは、他のチャネルと異なり即時性が重要になることがあります。表示タイミングの即時性を重視するか、正確な配信対象のターゲティングを重視するかによって、設定方法は大きく異なります。

  • 表示タイミングの即時性を重視する場合: コンソールのアプリ内メッセージチャネルを使用し、トリガーに基づいてメッセージをすぐに表示できるようにします。設定した表示対象と期間が一致すると、その瞬間にメッセージが即座に表示されます。
  • 正確な配信対象のターゲティングを重視する場合: カスタマージャーニー自動化を使い、ジャーニー内でアプリ内メッセージを設定します。自動化の実行には物理的な時間が必要なため即時表示にはなりませんが、いったん表示待ちのキューに入れば、そのユーザーの次のトリガーのタイミングに合わせて、正確にパーソナライズされたアプリ内メッセージを表示できます。

意図しないタイミングでポップアップが表示されるのを防ぐため、FlareLaneのアプリ内メッセージでは、お客様のチーム自身で表示タイミングを決める必要があります。これをアプリ内メッセージの表示トリガーと呼びます。

表示トリガーは、連携済みのイベントとは別に、SDKを通じて連携する特別なトリガーです。

例:

  • 顧客がホーム画面に入ったときにアプリ内メッセージを表示するトリガー(例:home)
  • 顧客がマイページ画面に入ったときにアプリ内メッセージを表示するトリガー(例:mypage)
  • 顧客が購入完了画面に到達したときにアプリ内メッセージを表示するトリガー(例:complete_purchase)
  • 顧客がコンテンツ作成完了画面に到達したときにアプリ内メッセージを表示するトリガー(例:complete_write)
  • ……

2. 表示トリガーごとにコードを連携する

Section titled “2. 表示トリガーごとにコードを連携する”

表示トリガー名を決めたら、トリガーごとにdisplayInApp関数を挿入します。 関数が実行されると、そのトリガーで表示できるアプリ内メッセージを1件見つけて表示します。

各プラットフォームのSDKリファレンス(モバイルウェブ)を参照するか、GTM経由で追加してください。

// ホーム画面の読み込み時に次の関数を実行する
FlareLane.displayInApp("home");
// データを渡すと、詳細なトリガーフィルターとして利用できる(例:特定の商品を閲覧したときにアプリ内メッセージを表示する)
FlareLane.displayInApp("view_product", { "product_id": 12345, "category": "food" });

3. アプリ内メッセージを作成する

Section titled “3. アプリ内メッセージを作成する”

表示トリガーを決めたら、コンテンツを作成します。 FlareLaneがあらかじめ用意しているさまざまなアプリ内メッセージのテンプレートを使えば、簡単に作成を始められます。

利用可能なポップアップのレイアウトオプションを表示するアプリ内メッセージのテンプレート選択画面

テンプレートを選択すると、アプリ内メッセージの表示トリガーとアクションを簡単に定義できます。実際のアプリ内表示のタイミングには、ステップ1で定義した表示トリガーが使われます。

トリガー・表示期間・表示対象・ボタンアクションの設定を表示するアプリ内メッセージエディター

デバイスがアプリ内メッセージの表示トリガーを実行すると、次の追加条件も併せてチェックされます。

  • 表示期間:設定されている場合、FlareLaneはデバイスのtimeZoneを適用して、現在時刻が期間の範囲内に収まっているかを確認します。
  • 表示対象:設定されている場合、FlareLaneはセグメントフィルターに基づいて、デバイスが条件を満たしているかを確認します。なお、セグメントフィルターの中でイベントは使用できず、作成済みのセグメントを条件として直接指定することもできません。

アプリ内メッセージのボタンに設定できるアクションは次のとおりです。

名称説明
URLhttpsのURLやディープリンクなど、クリック時に遷移する先を直接指定します。
URL・ディープリンクガイド
カスタムアクションクリック時に実行するアクションを、SDK関数として直接実装します。 (setInAppMessageActionHandlerの実装が必要:アプリウェブ
閉じる「N日間再表示しない」オプションを設定することもできます。「再表示しない」はデバイス単位で設定されます。
プッシュ購読リクエストプッシュ通知の権限を許可するプロンプトを表示するか、ユーザーを設定画面へ移動させます。

作成したアプリ内メッセージを実機でテストするには、アプリ内メッセージの詳細ページにあるテスト配信ボタンをクリックします。

テスト配信されたアプリ内メッセージは、次の表示タイミングで最優先で一度だけ表示されます。

テスト配信では「再表示しない」オプションは無視されます。

カスタムアプリ内メッセージの作成(HTML)

Section titled “カスタムアプリ内メッセージの作成(HTML)”

コード入力とクリック可能要素の設定を備えたカスタムHTMLアプリ内メッセージエディター

独自の特別なアプリ内メッセージのデザインや動作が必要な場合は、HTMLベースのアプリ内メッセージを自分で実装できます。

HTMLコードを記述してUIを自由に構築し、ボタンなどの要素にクリックリスナーを実装したうえで、次のスクリプトを連携します。クリック統計を計測するには、data-flarelane-clickable-id="click1" のような属性を追加します。

関数名説明と例
FlareLaneIAM.trackEvent(name, data)イベントを発生させます。
FlareLaneIAM.setTags(tags)タグを連携します。
FlareLaneIAM.openUrl(url)特定のURLを開きます。
FlareLaneIAM.close(minutes)アプリ内メッセージを閉じ、再表示までの期間を設定します。
FlareLaneIAM.requestPushPermission()プッシュ通知の購読権限をリクエストします。
FlareLaneIAM.executeAction(actionId)カスタムアクションを実行します。

アプリ内メッセージの表示優先順位

Section titled “アプリ内メッセージの表示優先順位”

同じ表示トリガー内のアプリ内メッセージのうち、表示するメッセージは次の優先順位で決定されます。

  1. テスト配信、およびカスタマージャーニー自動化内のアプリ内メッセージ
  2. 優先度の高い順(高 − 中 − 低)
  3. 作成日時の古い順

アプリ内メッセージのパフォーマンスを確認する

Section titled “アプリ内メッセージのパフォーマンスを確認する”

FlareLaneは、表示したアプリ内メッセージのパフォーマンスを分析し、インサイトを得られる統計指標を提供します。

タイプ別のアプリ内メッセージのサイズ

Section titled “タイプ別のアプリ内メッセージのサイズ”

ボトムシート型アプリ内メッセージのサイズ仕様とレイアウトプレビュー

モーダル型アプリ内メッセージのサイズ仕様とレイアウトプレビュー

フルスクリーン型アプリ内メッセージのサイズ仕様とレイアウトプレビュー