メインコンテンツにスキップ

モバイルカルーセルの設計と構築

ステップバイステップガイドでモバイルカルーセルの設定方法を学びましょう。

対応者:Beth-Ann Sher

モバイルカルーセルは複数ページのメッセージで、usersに案内を提供し、サポートを行い、iOSまたはAndroidアプリで彼らが気に入る機能を強調表示できます。

コード不要で、モバイルカルーセルは高度にカスタマイズ可能で簡単に作成できます。

注意:モバイルカルーセルを使用するには、モバイルアプリが以下のいずれかのIntercom SDKバージョン(またはそれ以上)を実行している必要があります。

モバイルカルーセルはモバイルのみ利用可能です。デスクトップでは、Product Toursの使用を推奨します。

モバイルカルーセルを作成する

まず、Outboundにアクセスし、右上の新しいメッセージをクリックします。

次に、コンテンツタイプとしてモバイルカルーセルを選択します。

左のサイドバーからこのコンテンツタイプを選んで、既成のテンプレートから開始することもできます。

次に、カルーセルにタイトルを付けます。

注意:カルーセルIDは一度きりの使用で、新しいカルーセルに再利用やリセットはできません。カルーセルを複製すると新しい一意のIDが生成され、特定のIDを強制使用したり、既存のカルーセルを元のIDにリセットする方法はありません。

カルーセル画面をデザインする

次に、カルーセルの一般設定を選択します。これらはすべての画面に適用されます。

設定内容は以下の通りです。

  • 閉じるボタンの動作 - カルーセルに閉じるボタンを表示するか非表示にするか選択します。

  • 配信先 - iOS、Android、または両方。

  • コンテンツの垂直配置 - 各画面の上部または中央に配置します。(水平配置は各要素ごとに設定可能です。)

  • - 背景、テキスト、ボタン。

ベストプラクティス:

  • 新機能の案内やプロモーションなど、重要でないカルーセルにはusers向けに閉じるボタンを含めることを推奨します。

  • カルーセルの最適なターゲティングとパーソナライズ体験のために、各OS(Android & iOS)ごとにカルーセルを作成することを推奨します。

AndroidまたはiOSのプレビューを切り替えることもできます。

注意:iPadやタブレットのプレビューはありませんが、AndroidタブレットとiPadはサポートされています。

  • Androidタブレットでは、カルーセルはAndroidプレビューのように画面全体を占めます。

  • iPadでは、カルーセルは中央に配置されたモーダルで表示されます。

ここはカルーセルで新しいテストを開始できる画面です。新しいテストを実行をクリックしてください。

目標、A/Bテスト、コントロールグループの詳細については、こちらの記事をご覧ください。

個別の画面をカスタマイズする

新しい画面を作成するには、“”アイコンのいずれかをクリックします。

注意:モバイルカルーセルは最大10画面まで含めることができます。

画面の順序を変更するには、ハンドルアイコンをクリックしてドラッグします。

既存の画面を選択して開き、編集します。

4つのレイアウトから選択してカスタマイズするか、白紙から始めることができます。この例は「アイコン付きリスト」で、複数の改善点やusersがアプリから得られる主な価値を説明するのに最適です。

注意:別のレイアウトに切り替えると、この画面の既存のコンテンツは削除されます。

各画面のコンテンツはインラインで直接編集できます。

以下の書式設定がサポートされています。

  • 見出し:H1またはH2。

  • 水平配置:左揃えまたは中央揃え。

  • 段落スタイル:太字および斜体。

よりパーソナライズされた体験のために、メッセージにuserまたはcompany属性を含めるべきです。‘{...}’アイコンにカーソルを合わせてクリックし、挿入したい属性を選択してください。

画像または「画像付きテキスト」ブロックを編集するには、それを選択して「画像(テキスト付き)を編集」をクリックします。新しい内容を入力し、メッセージに追加します。

全幅画像または画像付きテキストを追加するには、画面にカーソルを合わせて“”アイコンをクリックし、追加したい画像の種類を選択します。

注意:モバイルカルーセルでは動画はサポートされていませんが、アニメーションGIFは追加可能です。

ボタンのアクションを選択する

カルーセルの任意の画面で、次のいずれかのデバイス権限をリクエストするボタンを追加できます:

  • カメラ

  • 位置情報

  • マイク

  • フォトギャラリー

  • プッシュ通知

ボタンのラベルは、クリックして直接編集できます。

プロのコツ:なぜ権限が必要なのか、どのように使用されるのかを明確に説明しましょう。これによりusersが許可しやすくなります。👌

カルーセルの最終画面では、次のボタンも追加できます:

  • 外部リンクを開く。— ソーシャル共有URLやレビューサイトへのリンクに最適です。

  • アプリ内のページへのディープリンクを開く。— 特定の機能や製品を宣伝する場合に理想的です。

  • Intercom Messengerで会話を開始する。— 簡単にcustomersとつながり、サポートする方法です。

注意:これらの操作はすべてカルーセルを自動的に閉じます。

重要:最終画面のボタンにこれらのオプションのいずれかを選択し、別の画面を追加するかこの画面を移動すると、ボタンの動作は「次の画面へ移動」に切り替わります。これらの操作はカルーセルの最終画面でのみ利用可能だからです。

注意:モバイルカルーセルツールには現在ローカリゼーション機能が組み込まれていないため、異なる言語で必要な場合は言語ごとに別々のカルーセルを作成する必要があります。

デバイス権限のリクエストに関する注意点

アプリのusersが位置情報などのデバイス権限のリクエストを承認すると、ネイティブのシステムダイアログが開き、権限を付与できます:

  • すでに権限が付与されている場合、このカルーセルの画面はスキップされます。

  • 以前に権限を拒否している場合は画面が表示され、「承認」ボタンはデバイスのアプリ設定を開きます。戻るとカルーセルはまだ表示されます。

  • Androidではプッシュ通知の権限はデフォルトで付与されます。以前に拒否していない限り、この画面はスキップされます。

重要:プッシュ通知の権限をリクエストするには、アプリ開発者がIntercomモバイルSDKをプッシュ通知用に設定している必要があります。開発者向けドキュメントで方法を説明しています:


カルーセルを送信する

モバイルカルーセルをデザインしたら、次のステップはターゲットオーディエンスに自動的に表示することです。

まず、メッセージを「継続的」か「一回限り」のどちらにするか選択します:

次に、このカルーセルを送信する対象を選びます:

  • 新しいモバイルアプリusers — カルーセルを公開した後に初めてアプリをダウンロードして使用する人。

  • 既存のモバイルアプリusers — カルーセルを公開する前にすでにアプリをダウンロードして使用している人。

  • すべてのモバイルアプリusers — すでにアプリをダウンロードして使用している人と、今後使用する人すべて。

次に、カルーセルの対象オーディエンスを定義するルールを追加します。例えば、無料プランのusersで30日以上利用し、10回以上セッションがある人を対象にアップグレードを促すことができます:

注意:ローカリゼーションは将来的に実装予定の機能ですが、現在カルーセルには組み込まれていないため、対応言語ごとに別々のカルーセルを作成する必要があります。

プロのコツ:この例では「AND」と「OR」ルールの組み合わせを使用しています。詳細なオーディエンスフィルターの作成方法はこちら

モバイルアプリ内からコードでカルーセルを起動する場合、自動送信をオフにすることができます:

重要:

  • 自動送信されるモバイルカルーセルは、対象のusersに対して一度だけ送信されます。

  • usersがIntercomの最新SDKを搭載したアプリのバージョンにアップデートしていない場合、カルーセルは届きませんが、フィルターに合致すればオーディエンスリストには残ります。

  • その結果、オーディエンスのサイズは実際にカルーセルを受け取るusers数と異なる場合があります。

  • この対策として、「Android/iOSアプリバージョン」のオーディエンス条件を使用し、SDKがサポートされているバージョンのみを選択します。

  • usersが複数のモバイルカルーセルのフィルターに合致する場合、カルーセルが公開された日時に基づき、最も古いものを最初に表示します。

  • カルーセルが期待通りに送信されるように、アプリ起動時にモバイルSDKを初期化する必要があります(iOS & Androidの方法を参照)。これによりIntercomで追跡するアクティブユーザー数が増加する可能性があります。


目標を追加する

モバイルカルーセルの効果を正確に測るために、usersのデータに基づいて製品内で取ってほしい行動を表す目標を定義してください。「+ 目標を追加」を選び、属性またはイベントを選択します:

上記の例(無料usersにプランのアップグレードを促す)では、「プランがプロである」が適切な目標かもしれません。

次に、usersが目標を達成してほしい期間を選択します。

重要:usersが定義した期間後に行動を完了しても、目標の統計にはカウントされません。


カルーセルをスケジュールする

次に、カルーセルをちょうど良いタイミングで送信するようスケジュールします。方法は3つあります:

  • 送信を開始および停止する特定の日付と時間を設定します。

  • 営業時間内または営業時間外に送信するようにスケジュールします。

  • 送信するカスタム配信時間を設定します。

注意:トリガー時間はあなたのworkspaceのタイムゾーンに基づいています。

カスタム時間を定義するには、開始時間をクリックし、次に「shift」を押しながら終了時間をクリックします。

選択した期間中にメッセージが送信されます。

複数日にわたる配信時間も設定できます。

以上で完了です。あなたのMobile Carouselは送信の準備ができました!

こちらの回答で解決しましたか?