Skip to content

iOS のリッチプッシュ通知を作成する

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

前提条件

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

  • アプリがリッチ通知を送信できるようにするには、iOS プッシュ統合の手順に従ってください。開発者がアプリにサービス拡張を追加する必要があります。
  • 現在ダッシュボードで直接アップロードをサポートしているファイルタイプは、JPEG、PNG、GIFです。これらのファイルは、テンプレート可能なURLフィールドに入力することもでき、追加のファイルタイプ(AIF、M4A、MP3、MP4、WAV)もサポートされています。
  • メディアの制限と仕様については、Appleのドキュメントを参照してください。
  • iOSリッチ通知は、クイックプッシュCampaignの作成時には利用できません。
  • 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では、「即時」および「重大」の表示がタイトルをタイムスタンプなしで新しい行に押し下げ、少しスペースが広がります。

「即時」や「重大」の表示がなく、タイトル文字数が35のプッシュ通知の例。
タイトル文字数: 35

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

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

  • 電話の表示設定: ユーザーは通常、アクセシビリティの理由から、電話のグローバルUIフォントサイズを拡大または縮小できます。
  • デバイスの幅: メッセージは小さな電話や幅の広いiPadに表示される可能性があります。
  • コンテンツの種類: 絵文字や「m」「w」のような幅の広い文字は「i」や「t」よりもスペースを多く取り、「engagement」のような長い単語は短い単語よりも急に改行される場合があります。

iOSリッチ通知の設定

ステップ 1:プッシュCampaignを作成する

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

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

メッセージのコンポーザーのリッチ通知メディアフィールドに、画像、GIF、オーディオ、または動画ファイルを追加します。コンテンツファイルの追加方法については、要件を参照してください。

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

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

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

ステップ 3:Campaignの作成を続ける

リッチ通知コンテンツがダッシュボードにアップロードされたら、Campaignのスケジュール設定を続行できます。

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

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

New Stuff!