デフォルトまたはネイティブのプッシュ通知を作成するには、基本通知テンプレートを選択し、一般的なプッシュテンプレート要素に記載されているように通知を作成します。

GIFを 基本通知 テンプレートに追加するには、次の方法を使用します：

Android iOS

展開

Android 14 & 以上	Android 12 & 13	Android 11 & 以下

折りたたむ

展開
折りたたむ

背景色、テキスト色、テキストフォーマットを使ってプッシュ通知を作成し、通知トレイで通知を目立たせましょう。

スタイライズされた基本通知は、SDKカスタムレイアウトを使用して作成されます。ホワイトリストに登録されていないデバイスでは、スタイライズされた基本通知によって作成された通知が64dpの高さで表示されます。これらの手順に従ってください:

基本情報

1. 背景色で、メッセージの背景色を選択します。
2. アプリ名の色（Android専用）、アプリの名前の色を選択します。
3. 通知コントロールの色（Androidのみ）で、ライトまたはダークをクリックして通知の色を制御します。
4. テキストエディタの 背景色を適用 トグルをオンにして、タイトル、メッセージ、要約のテキストエディタフィールドに選択した背景色を適用します。これにより、明るい色のフォントを使用する際の視認性が向上します。
5. Common push template elementsに記載されている手順に従ってください。
6. 通知が両方のモードで見栄えが良く、読みやすいことを確認するために、ライトモードとダークモードの両方でプレビューをチェックしてください。
7. iOSの 画像 セクションでは：
   • 画像/GIF URL を選択し、画像/GIFのURLを入力または貼り付けます。
   • 画像/GIFをアップロード をクリックし、画像/GIFをドラッグアンドドロップするか、コンピュータからアップロードをクリックして保存された画像/GIFを選択します。推奨サイズは25 KBから200 KBで、GIFの場合は最大500 KBです。詳細については、 こちら を参照してください。

アドバンスド

1. Common Push テンプレート要素で説明されている手順に従ってください。
2. 自動通知の自動解除を有効にするには、 自動通知の自動解除 トグルをオンにします。プッシュ通知がユーザーに配信された後、通知がユーザーの通知トレイから自動的に削除されるまでの時間を選択できます。時間の期間は、分、時間、日で選択できます。最大許容値は1日です。これはAndroidデバイスにのみ適用されます。

Android iOS

展開
折りたたみ

展開
折りたたみ

このテンプレートを使用して、2〜5枚の画像で構成されるカルーセルまたはスライドショーが作成されます。画像カルーセルのいくつかの重要な機能：

• 画像 スライドショー は、自動再生または オンデマンド に設定できます。
• 画像はパーソナライズできます。

カルーセルテンプレートを作成するには、次の手順を実行します：

1. 1. 1. スタイライズドベーシック通知に記載されている手順に従ってください。

      2. フィールド	説明
         スライダー遷移	画像をクリックして遷移させるには「手動」をクリックします。 または 画像を自動的に遷移させるには「自動」をクリックします。これはAndroid 10までサポートされています。Android 11以降では、選択したオプションに関係なく、スライダー遷移は常に手動になります。
         画像	次のいずれかを行います： 「画像URL」をクリックし、画像のURLを入力または貼り付けます。 「画像をアップロード」をクリックし、画像をドラッグ＆ドロップするか、コンピュータから保存された画像をアップロードします。 画像スケーリングオプション： 画像を切り抜く を選択すると、デバイスとプレビューで中央が切り抜かれた画像が表示されます。 コンテナにフィット を選択すると、画像がコンテナ内で中央に配置されます。 注意：画像スケーリングはAndroid 12以上でのみ利用可能です。
         画像クリックアクション	ドロップダウンから次のいずれかを選択します： ドロップダウンリスト項目 説明 画面に移動 特定の画面にユーザーを移動させるドロップダウンから、ユーザーが移動する必要がある画面を選択します。 ディープリンク ユーザーが移動する必要があるURLを入力または貼り付けます。 リッチランディング ユーザーが移動する必要があるリッチランディングページを入力または貼り付けます。
         デフォルトクリックアクション	ドロップダウンから次のいずれかを選択します： ドロップダウンリスト項目 説明 画面に移動 特定の画面にユーザーを移動させるドロップダウンから、ユーザーが移動する必要がある画面を選択します。 ディープリンク ユーザーが移動する必要があるURLを入力または貼り付けます。 リッチランディング ユーザーが移動する必要があるリッチランディングページを入力または貼り付けます。
         KVペア	シンプルな画像バナーと画像プッシュテンプレート上のテキストオーバーレイを作成するには、次の手順に従います： 「新しいKVペア」をクリックします。 キーと値を入力します。

      3. 「Advanced」をクリックし、 Advanced に記載された手順に従ってください。
      4. テンプレートバックアップをクリックし、 テンプレートバックアップ に記載されている手順に従ってください。

Android iOS

展開
折りたたみ

展開
折りたたみ

通知エリア全体を覆う大きなバナー画像を使用し、画像の上にテキストを重ねた「画像バナーとテキストオーバーレイ」テンプレートでプッシュ通知を作成します。このテンプレートは、送信される通知にブランドのロゴや色を追加するために使用できます。

画像通知にテキストオーバーレイを作成するには、次の手順に従ってください:

1. プッシュキャンペーン作成のステップ2では、テンプレートタイプとしてテキストオーバーレイ通知の画像バナーを選択します。
2. 以下のフィールドを、共通プッシュテンプレート要素セクションに記載されている内容に従って入力してください：
   1. 1. 通知チャネル
      2. メッセージ
      3. タイトルメッセージ
      4. デフォルトのクリックアクション
3. 通知にアプリ名と時間を含めるには、 アプリ名と時間を含める トグルをオンにしてください。
4. アプリ名の色を使用してアプリ名の色名を選択してください。 アプリ名の色。 アプリ名の色に「システムデフォルト」を選択することもできます。
5. 「通知コントロールの色」トグルで「ライト」または「ダーク」モードを選択してください。
6. 通知にバナー画像を追加するには、次の手順を実行します：
   1. 1. 「画像URL」オプションをクリックして、画像のURLを入力または貼り付けます。
      2. 画像URLは、フィールドに「@」を入力することでパーソナライズすることもできます。これにより、パーソナライズUIが呼び出されます。
      3. 「画像をアップロード」オプションをクリックして、画像をドラッグアンドドロップするか、コンピュータからアップロードをクリックして保存された画像をアップロードします。推奨される画像サイズは約25 KBで、推奨されるアスペクト比は2:1（幅：高さ）です。
7. 折りたたまれたプッシュ通知 : プッシュ通知が折りたたまれたときに表示される画像を選択するために、以下のいずれかを選択してください。
   1. 1. テンプレートバックアップと同じにする : 折りたたまれたモードでは、テキストはテンプレートバックアップのメッセージと同じままになります。ここにはテキストのみが表示され、画像は表示されません。
      2. 折りたたまれた画像を表示: このオプションを選択すると、通知が折りたたまれたときに表示される別の画像を追加できます。このオプションを選択すると、画像のスケールも調整できます。
         • • 画像スケーリングオプション : 画像をトリミングして、デバイスおよびプレビューで中央にトリミングされた画像を表示します。コンテナにフィットを選択すると、画像をコンテナ内に中央揃えします。注意: 画像スケーリングはAndroid 12以降でのみ利用可能です。

タイマーとメッセージを使用してプッシュ通知を作成します。そのような通知は、フラッシュセールや時間制限のあるセール/オファーのカウントダウンを表示するために使用できます。マーケターは、より高い顧客エンゲージメントのためにこれらのオプションを利用します。

メッセージ通知付きのタイマーを作成するには、次の手順に従ってください：

1. プッシュキャンペーン作成のステップ2では、テンプレートタイプをタイマーとして選択します。
2. 基本情報、ボタン、および高度な情報を、上記の 共通プッシュテンプレート要素セクション に記載されている内容に従って追加してください。
3. タイマーセクションでは、通知がユーザーのデバイスに表示される時間を設定できます。例えば、タイマーセクションで期間が4時間に設定されている場合、通知は通知がユーザーのデバイスに正常に送信されてから4時間表示されます。4時間後に、通知は自動的に解除されます。
4. 「タイマー終了時刻」フィールドを使用してタイマーの時間を選択します。

5.以下に示すように、'色を選択'オプションを使用して タイマー テキストの色 を選択します。タイマーの色をカスタマイズしたくない場合は、「システムデフォルト」を選択するオプションもあります。

プログレスバー付きのタイマーテンプレートは、メッセージ付きのタイマーテンプレートに似ています。タイマーがある場合、以下に示すようにプログレスバーが追加で表示されます。上記の タイマー セクションを参照して、他のセクションの詳細をご覧ください。

すべてのタイマーとプログレスバーキャンペーンに同じプログレスバーの色が適用されます。 ライト/ダークモードに基づいて異なる色を設定するには、 values.xml でライトモードの属性値を設定し、 values-night.xml でダークモードを設定してください。

プログレスバーの進行状況は、実際の時間と同期していない場合があります。私たちの FAQ をチェックして、詳細情報をご覧ください。

Android 14では、Androidがプッシュテンプレートに影響を与える変更を導入しました：

• プログレスバー付きタイマー テンプレート
  SDKは、プログレスバーの進行状況を定期的に更新するためにアラームを使用します。Android 14以降、アラームの権限はデフォルトでオフになっています。したがって、マニフェストファイルに行を追加するだけでなく、タイマー通知を表示したい場合は明示的なアラームの権限を要求する必要があります。詳細については、 プッシュテンプレート を参照してください。
  アプリケーションが上記の権限を持っていない場合、プログレスバー付きタイマー テンプレートはユーザーに表示されず、代わりにタイマーはあるがプログレスバーはないバックアップテンプレートがユーザーに表示されます。
• スティッキー通知
  Android 14 以降のデバイスでは、ユーザーはスワイプアクションでスティッキー通知を消去できます。ユーザーが すべてクリア の通知アクションを実行すると、通知はトレイに残ります（これは誤って消去されるのを防ぐのに役立ちます）。また、電話がロックされているときでも通知は消去可能です。Android 14 のドキュメントについては こちら を参照してください。

次の点を確認してください。

1. すべてのバリアントのバックアップは空です。
2. すべての必須フィールドが入力されています。
3. バックアップが空です。

コピーコンテンツは、iOSのデフォルトクリックアクションタイプ（ドロップダウン）をコピーします。このため、バックアップはもはや空ではなく、オートコピーのバックアップを妨げています。iOSバックアップで自動コピーを有効にするために、デフォルトのCTAタイプを削除してください。

1. ページ間を切り替えたり、テスト通知を試みたりした後にのみエラーが表示されます。
2. スライドのタブを開くと、エラーも表示されます。

1. エラーが発生したスライドの名前とともに、トースターにカルーセルスライドのエラーが表示されます。
2. エラーがあるスライドタブは、現時点では自動的に開かれません。(その実装にはいくつかの技術的課題があります)。

• テンプレートとバックアップの両方に、パーソナライズのためのインラインフォールバックがあります

• パーソナライズ属性を追加する際に、インラインフォールバックを追加するために「 置き換えテキスト 」オプションを選択できます。

• フォールバックを追加するには、次のJinjaテンプレートを使用します:

サンプルパーソナライズとフォールバック:

• 例：名 ユーザー属性
• こんにちはジョン、MoEngageへようこそ。次に進むには、ここをクリックしてください。
• おはようございます。さらに進むには、ここをクリックしてください。

{% set firstName = {{UserAttribute['First Name']}} %} 
{% if firstName %}Hi {{ firstName }}, Welcome to MoEngage
{% else %}Good Morning
To proceed further, click here
{% endif %}

タイトルと要約は単一行の入力のみです。

バッテリー最適化が実行されている可能性があり、これが進捗バーの更新に問題を引き起こす可能性があります。

Android 12の変更により、異なるOEMのためのさまざまなUI仕様が存在し、Androidデバイスでの画像の表示方法に違いが生じています。画像の外観は、デバイスの幅やデバイスのOEMによって異なる場合があります。プッシュ通知の理想的なアスペクト比は以下の通りです。

画像の理想的なアスペクト比

For Android

複数のデバイス用に異なる画像を作成することができないため、MoEngage は、さまざまなデバイスでプッシュ通知が一貫して表示されるように、以下の画像スケーリングアプローチを採用することを推奨します。

1. クリエイティブは切り取られるべきではない場合

   デバイスタイプAの最も一般的な画面サイズに指定されたアスペクト比に従ってプッシュ通知を作成してください。 画像コンテナにフィットさせる をテンプレート作成時の 画像スケーリング セクションで使用して、クリエイティブが切り取られないようにしてください。水平または垂直に白いスペースが見えることがあります。

   

2. クリエイティブの両端（各側から10％のマージン）に意味のあるコンテンツがない場合

   画像コンテナを埋める オプションをテンプレート作成時の 画像スケーリング セクションで使用し、画像にマージンを追加します。これにより、極端な場合でも、意味のあるコンテンツが切り取られることは決してなくなります。たとえマージンが切り取られているのが見えたとしても。