プッシュテンプレート通知のサイズ
高さ 64 dp のプッシュテンプレート
カスタムプッシュ通知のサイズは、カスタム通知に関する Android ガイドラインに準拠しています。 カスタム通知は高さが小さいため、デフォルト通知の高さはカスタマイズされた通知よりも大きくなります。これは、高さが 64 dp を超えるカスタムプッシュ通知が一部のデバイスで失敗していたためです。また、動的レイアウトは実現が難しいため、MoEngage は Android ガイドラインに従ったサイズに高さを制限しました。 展開モードでは、画像に使用できる領域は次のとおりです。
展開モードではスペースが限られているため、ネイティブ通知では問題なく表示される画像でも切り取られる場合があります。
高さ 100 dp のプッシュテンプレート
- 表示領域が広くなった新しい改良版の Push templates は、SDK バージョン 11.4.02 以上および Push templates モジュールバージョン 2.4.0 以上で利用できます。
- 改良版の通知の見た目は、フォントサイズ、間隔、パディングの点で Basic 通知と同様です。
- MoEngage はアプリ名と色のカスタマイズをサポートしています。MoEngage はさらに多くの相手先ブランド製造業者 (OEM) をテストしており、OEM をホワイトリストに登録していきます。
- 100 dp の通知は、ホワイトリストに登録された OEM でのみ機能します。これは、主に OEM がオペレーティングシステム上に施すさまざまなスキンのカスタマイズにより、100 dp のカスタマイズがすべてのデバイスで正しく表示されるわけではないためです。現時点では、Google、OnePlus、Samsung、Oppo、Vivo、Motorola がホワイトリストに登録されています。MoEngage はこのリストに OEM を追加する作業を進めています。
- さらに、ワークスペースレベルで OEM をホワイトリストに登録する仕組みも用意されています。つまり、お客様側で十分な検証を行ったうえで、OEM を追加でホワイトリストに登録したり、すでにホワイトリストに登録されている OEM をブラックリストに登録したりできます。ホワイトリストに登録する OEM のセットを変更するには、MoEngage のカスタマーサクセスマネージャー (CSM) またはサポートチームにお問い合わせください。
- ホワイトリスト登録の方針:
- 通知の動作はスキンのバージョンによって変わるため、各 OEM について最新 3 つのスキンバージョンをテストしています。これにより、最新 3 つの Android バージョン (Android 11、10、9) がカバーされます。Android 12 は通知レイアウトが大きく異なるため、検討対象に含まれていません。
- 最新 3 つのスキンバージョンすべてで 100 dp が正しく表示される場合、MoEngage はその OEM をホワイトリストに登録します。それ以外の場合は、OEM ごとに個別に検討します。
- MoEngage がデバイスまたは OEM で 100 dp をサポートしていない場合は、64 dp のカスタムプッシュ通知が表示されます
- 使用するテンプレートで推奨されるアスペクト比を維持してください。この比率はテンプレートによって異なり、同じテンプレート内でも通知にボタンが含まれるかどうかによって異なります。たとえば、Basic 通知では 2.9:1 / 2.8:1、テキストオーバーレイ付き画像バナーテンプレートでは 1.4:1 / 1.3:1 です。キャンペーンビルダーでは、画像フィールドの下のヘルパーテキストに推奨比率が表示されます。テンプレートごとの一覧は Push Templates を参照してください。
画像が推奨アスペクト比に近い場合、切り取りは最小限に抑えられます。ただし、このアスペクト比に従った画像でも、一部のデバイスでは切り取りが発生する場合があります。これは次の理由によるものです。- Android ではデバイスのサイズがさまざまであるため。
- 一部の OEM が独自のカスタマイズを追加しているため。例: RedMi デバイスでは、プッシュ通知の周囲にパディングが追加されるため、プッシュ通知と画像がさらに切り取られます。
- コンテンツが中央揃えになるように画像を作成してください。
これにより、余白部分で切り取りが発生しても、メインのコンテンツが切れることはありません。

ユーザーに背景色のないスタイル付きプッシュ通知が届く
一部のユーザーに、HTML コンテンツを含むものの背景色のないプッシュ通知が届きました。この問題の考えられる原因は次のとおりです。 次の要素を含むプッシュテンプレート通知を設定した場合:- HTML テキスト (テキストを太字、斜体、下線、取り消し線に設定したか、テキストの色を追加した場合) および
- 背景色
- 画像
- HTML テキストフィールドとアプリアイコンを含む Basic プッシュ通知を表示します。
- 次に、SDK は背景色を含むカスタムレイアウトの描画を試みます。画像を設定している場合、SDK は並行して画像のダウンロードを試みます。
背景色の表示失敗による影響
- テキストの色を白に設定した場合、デバイスのテーマが ライトモード に設定されているユーザーには、次のような空白の通知が表示されます。

- テキストの色を 黒 に設定した場合、デバイスのテーマが ダークモード に設定されているユーザーには、次のような空白の通知が表示されます。

- 可能な限り、明るい背景と暗い背景の両方に対してコントラストのあるテキストの色を使用してください。
- MoEngage ダッシュボードでキャンペーンを作成する際は、ダークモードとライトモードの両方でプレビューを確認し、どちらのモードでも通知が正しく表示されることを確認してください。