Skip to content

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

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

前提条件

iOS のリッチプッシュ通知を作成する前に、次の詳細に注意してください。

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

文字数

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

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

通知内容

ユーザーは様々な状況でプッシュ通知を見る可能性があり、以下のように異なる長さのテキストを見る可能性がある。

ロック画面または通知センター 拡大 デバイス・アクティブ
これが最も一般的なシナリオだ。

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

Title:テキスト1行
Body:本文 7 行
Image:2:1 のアスペクト比 (推奨。後述する注を参照)		 携帯電話のロックが解除され、アクティブな状態でプッシュを受信した場合。

Title:テキスト1行
Body:テキスト 2 行

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

テキスト切り捨ての変数

コンテンツを作成する際には、テキストの表示量に影響する可能性のある以下のシナリオを考慮すること。

ユーザーがプッシュ通知に反応したタイミングに応じて、タイムスタンプではタイトルテキストを短くすることができます。

タイムスタンプ "now"、タイトル文字数35のプッシュ通知例
タイトルの文字数：35

タイムスタンプが "3h ago"、タイトル文字数が33のプッシュ通知例
タイトルの文字数：33

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

画像がある場合、本文は1行につき約10文字短くなる。

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

画像と本文の文字数が154のプッシュ通知例
本文の文字数: 154

iOS 15 では、Time Sensitive and Critical denotations はタイトルをタイムスタンプなしで新しい行にプッシュダウンし、もう少しスペースを確保します。

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

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

以下の詳細は、テキストの切り捨てにも影響します。

  • 電話の表示設定: ユーザーは、通常アクセシビリティ上の理由から、自分の電話のグローバル UI のフォントサイズを増減できます。
  • デバイスの幅：メッセージは小さな携帯電話でも、幅の広いiPadでも表示できる。
  • コンテンツタイプ: 絵文字、および「m」や「w」のような幅の広い文字は、「i」や「t」よりもスペースを取ります。また、「engagement」のように長い単語は、短い単語よりも突然改行されることがあります。

iOSのリッチ通知を設定する

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

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

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

メッセージのコンポーザーにあるRich Notification Mediaフィールドに画像、GIF、オーディオ、ビデオファイルを追加する。コンテンツファイルを追加する方法については、「要件」を参照してください。

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

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

画像を追加したり、画像のURLを入力したりすることができる、拡張された通知画像セクションです。

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

リッチプッシュ通知がダッシュボードにアップロードされたら、キャンペーンのスケジューリングを続行できます。

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

プッシュ通知を受信したユーザーがメッセージを長押しすると、「Hello!」という拡大画像が表示されます。

Github   GitHub でこのページを編集
「このページはどの程度役に立ちましたか?」
New Stuff!