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

モバイルプッシュメッセージに画像を追加する

モバイルプッシュメッセージに画像を追加して、顧客のエンゲージメントを高める方法。

対応者:Beth-Ann Sher

一枚の写真は千の言葉に値することはよく知られており、今ではアウトバウンドのMobile Pushメッセージに画像を含めることで、より良いストーリーを伝え、クリック率を大幅に向上させることができます。

iOSAndroidでMobile Pushを設定している場合、次の2つの簡単なステップでリッチプッシュメッセージを有効にできます。

ステップ1:モバイルSDKのアップグレード

リッチプッシュメッセージを送信するには、以下のIntercomモバイルSDK(またはそれ以上のバージョン)が必要です:

  • Android - バージョン12.3.0以上

  • iOS - バージョン12.3.0以上

注意:対応バージョンのIntercomモバイルSDKがない場合でもプッシュメッセージは送信できますが、Mobile Push作成画面の画像アップローダーは無効になります。

ステップ2:iOSデバイスでリッチプッシュを有効にするためのiOSプッシュ統合

iOSデバイスでリッチプッシュメッセージを送信するには追加の統合が必要です。こちらの開発者ドキュメントを参照してください

リッチプッシュメッセージを作成する

リッチプッシュメッセージの作成を開始するには、Outboundに移動し、「Mobile push」でフィルターをかけてから「New message」をクリックします。

次にテンプレートから選択するか、独自のプッシュメッセージを一から作成します。この例では、「Alert users to a sale」テンプレートを使って素早く開始します。

メッセージを作成する

画面のメッセージプレビュー内をクリックしてテキスト編集を開始し、プッシュメッセージを作成します。

画像をアップロードする

リッチプッシュメッセージにするために画像をアップロードできます。デバイスから画像を選択するには「Upload file」をクリックしてください。

画像付きのMobile Pushは、IntercomモバイルSDK 12.3.0以上をサポートするアプリのバージョンの顧客にのみ送信されます。古いバージョンの顧客には、Mobile Pushはテキストのみで配信されます。

画像仕様

  • ファイルタイプ - 静止画像(JPEG/PNG)のみアップロード可能で、GIF、PDF、MP3、MP4などの他のファイルタイプは現在サポートされていません。

  • サイズ - 最大ファイルサイズは10MBです。

  • 推奨アスペクト比 - iOSとAndroid両方のデバイスで最適に表示するには、約2:1のアスペクト比を使用してください。

  • 推奨寸法:小さい画像は512 x 256ピクセル、大きい画像は1024 x 512ピクセルを使用してください。

縦向き画像を使用する場合:

  • iOSの場合 - リッチ画像はアクティブまたはロック画面の表示に合わせて画面にフィットします。

  • Androidの場合 - リッチ画像は横向きで中央を自動クロップします。通知の幅いっぱいに広がり、高さはそれに応じて調整されます。

プロのヒント:

  • 画像内の重要な情報が切り取られず、異なるデバイスで綺麗に表示されるように、2:1のアスペクト比を使用し、コンテンツは画像の中央に配置してください(端ではなく)。

  • 透過背景の画像は、ライトモードやダークモードのデバイス設定で予期せぬ表示になることがあるため避けてください。

  • 異なるテストデバイス(特に異なるAndroidデバイス)でリッチプッシュメッセージをライブ設定して、意図した通りに表示されるかテストしてください。

  • 詳細はAppleGoogle Androidのドキュメントを参照してください。

プレビュー

デバイスから画像をアップロードすると、Mobile Pushプレビューに自動的に表示されます。このリッチプッシュメッセージが通知パネルでどのように表示されるか、2つの状態で確認できます。

デフォルト(折りたたみ):

展開:

下のオプションを切り替えて、AndroidとiOS両方のデバイスでこのリッチプッシュメッセージがどのように表示されるかプレビューできます。

リッチプッシュメッセージの実際の表示は、デバイスのアスペクト比、Androidバージョン、OEM固有の制約などによりプレビューと異なる場合があります。異なるテストデバイスに送信して、見た目に満足しているか確認するのが最良です。👍

Mobile Pushをライブ設定する

これでリッチプッシュメッセージを送信する準備が整いました。オーディエンスターゲティング、目標設定、カスタムデータ属性、ディープリンク、レポートなど、Mobile Pushのすべての機能を利用できます。モバイルプッシュメッセージの送信について詳しくはこちら

プロのヒント:画像あり・なしで同じプッシュメッセージをスケジュールし、A/Bテストを使ってコンバージョン(開封率やクリック率)がどのように向上するか簡単にテストできます。

  • 顧客はIntercom SDK 12.3.0以上を実行しているアプリのバージョンを使用している必要があります。

  • 上記の条件を満たさない顧客は、同じプッシュメッセージのテキストのみのバージョンを受け取れる場合があります。

  • 詳細はIntercom iOS SDKIntercom Android SDKのドキュメントを参照してください。

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