コンテンツにスキップ

iOS向けリッチプッシュ通知の作成

リッチ通知を使用すると、テキスト以外のコンテンツを追加してプッシュ通知をさらにカスタマイズできます。Androidの通知では、以前からプッシュ通知に画像を含める機能がサポートされており、「拡張通知画像」と呼ばれています。iOS 10以降、顧客はGIF、画像、動画、またはオーディオを含むiOSプッシュ通知を受信できます。

前提条件

iOS向けのリッチプッシュ通知を作成する前に、以下の詳細を確認してください。

  • アプリでリッチ通知を送信できるようにするには、iOSプッシュ統合の手順に従ってください。開発者がアプリにサービス拡張を追加する必要があります。
  • 現在、ダッシュボード内で直接アップロードできるファイル形式は、JPEG、PNG、GIFです。これらのファイルは、テンプレート化可能なURLフィールドにも入力できます。URLフィールドでは、さらにAIF、M4A、MP3、MP4、WAVのファイル形式も使用できます。
  • メディアの制限と仕様については、Appleのドキュメントを参照してください。
  • iOSは画像を画面に合わせて拡大縮小し、アクティブビューまたはロックビュー用にリッチ画像を拡大縮小します。

文字数

プッシュに含める正確な文字数について厳密なルールを示すことはできませんが、iOSメッセージを設計する際に考慮すべきガイドラインを提供しています。画像の有無、ユーザーのデバイスの通知状態や表示設定、デバイスのサイズによって、多少の差異が生じる場合があります。迷った場合は、短く簡潔にまとめましょう。

ベストプラクティスとして、Brazeでは、モバイルプッシュ通知のオプションのタイトルとメッセージ本文のいずれについても、テキストの各行を約30~40文字に収めることをお勧めします。

通知の状態

ユーザーはさまざまな状況でプッシュ通知を表示する可能性があり、以下のように表示されるテキストの長さが異なる場合があります。

通知の状態
ロック画面または通知センター 展開時 デバイスがアクティブ
最も一般的なシナリオです。

タイトル: 1行のテキスト
本文: 4行のテキスト
画像: 正方形のサムネイル
ユーザーがメッセージを長押ししたときです。

タイトル: 1行のテキスト
本文: 7行のテキスト
画像: 2:1のアスペクト比(推奨、以下の注記を参照)
スマートフォンのロックが解除されてアクティブな状態でユーザーがプッシュを受信したときです。

タイトル: 1行のテキスト
本文: 2行のテキスト

ロック画面に表示された場合、展開された場合、デバイスがアクティブな場合のプッシュ通知の例。

テキストの切り捨てに影響する変数

コンテンツを作成する際は、表示されるテキストの量に影響する可能性がある以下のシナリオを考慮してください。

ユーザーがプッシュ通知を操作するタイミングによっては、タイムスタンプによってタイトルテキストが短くなることがあります。

タイムスタンプが「now」で、タイトルの文字数が35のプッシュ通知の例。
タイトルの文字数: 35

タイムスタンプが「3h ago」で、タイトルの文字数が33のプッシュ通知の例。
タイトルの文字数: 33

タイムスタンプが「Yesterday, 8:37 AM」で、タイトルの文字数が22のプッシュ通知の例。
タイトルの文字数: 22

画像がある場合、本文テキストは1行あたり約10文字短くなります。

画像がなく、本文の文字数が179のプッシュ通知の例。
本文の文字数: 179

画像があり、本文の文字数が154のプッシュ通知の例。
本文の文字数: 154

iOS 15では、「Time Sensitive」および「Critical」の表示があると、タイトルがタイムスタンプなしで新しい行に移動するため、少し多くのスペースを使用できます。

「Time Sensitive」または「Critical」の表示がなく、タイトルの文字数が35のプッシュ通知の例。
タイトルの文字数: 35

「Time Sensitive」の表示があり、タイトルの文字数が39のプッシュ通知の例。
タイトルの文字数: 39

iOSでは、プッシュのタイトルは1行で表示されます。テンプレート化されたタイトルの出力に改行文字が含まれている場合(たとえば、captureブロック、条件分岐、Connected Contentによるもの)、ユーザーには最初の改行より前のテキストしか表示されないことがあります。

送信前に改行を削除するには、最終的なタイトル出力にstrip_newlinesフィルターを適用します。例については、プッシュ通知の作成を参照してください。

以下の詳細もテキストの切り捨てに影響する可能性があります。

  • スマートフォンの表示設定: ユーザーは、主にアクセシビリティ上の理由から、スマートフォンのUI全体のフォントサイズを拡大または縮小できます。
  • デバイスの幅: メッセージは小さなスマートフォンにも、幅の広いiPadにも表示される可能性があります。
  • コンテンツの種類: 絵文字や「m」「w」などの幅の広い文字は、「i」や「t」よりも多くのスペースを占めます。また、「engagement」のような長い単語は、短い単語よりも唐突に折り返される場合があります。

iOSリッチ通知の設定

ステップ1: プッシュキャンペーンを作成する

キャンペーンの作成の手順に従って、iOS向けのプッシュ通知を作成します。リッチコンテンツを含まないプッシュ通知の設定と同じコンポーザーを使用します。

ステップ2: メディアを追加する

メッセージのコンポーザーにあるiOS通知画像フィールドに、画像、GIF、音声、または動画ファイルを追加します。コンテンツファイルの追加方法については、前提条件を参照してください。

プッシュ通知のサマリーテキストの例。

このメッセージを、iOS 10で動作するデバイスを持つユーザーにのみ送信するように制限することもできます。リッチ通知をサポートするデバイスにのみ送信のチェックを外したままにすると、iOS 10にアップグレードしていないユーザーには、リッチコンテンツを含まないテキストのみの通知として表示されます。

画像を追加するか画像URLを入力できる拡張通知画像セクション。

ステップ3: キャンペーンの作成を続ける

リッチ通知のコンテンツをダッシュボードにアップロードしたら、引き続きキャンペーンのスケジュール設定を行うことができます。

ユーザーはプッシュ通知を受信すると、プッシュメッセージを強く押して画像を拡大できます。

ユーザーがプッシュ通知を受信し、メッセージを強く押して「Hello!」と書かれた拡大画像を表示している様子。

New Stuff!