ナッジは、アプリ内の上部または下部に埋め込まれた、または画面に表示される非侵入型のテンプレートです。ポップアップとは異なり、ユーザーがアプリと引き続き対話できるようにします。これらのテンプレートを使用して、新しい情報、セール日、その他の更新についてユーザーに通知できます。

アプリ内HTMLエディタは、事前に構築されたナッジテンプレートのカスタマイズや、ゼロからナッジテンプレートを作成することを提供します。

プレビルドのナッジテンプレート

以下の手順に従って、事前に構築されたHTMLナッジテンプレートを見つけて使用してください：

1. キャンペーン作成ページの コンテンツ セクションで、以下に示すフィルターを選択して、事前に構築されたHTMLナッジテンプレートを見つけます。
   
   

   MoEngageは、始めるための以下の事前構築されたHTMLナッジテンプレートを提供しています：

   • ナッジ - 絵文字評価
   • ナッジ - 2つのボタンの通知
   • ナッジ - 機能発表
   • ナッジ - カウントダウンタイマー
2. 希望するテンプレートにカーソルを合わせて テンプレートを選択 をクリックします。テンプレートのHTMLコードが コードビュー セクションに表示され、テンプレートの要素を編集できます。
   

ナッジ - 絵文字評価

ユーザーからフィードバックを収集するために、このテンプレートを使用できます。デフォルトでは、評価用の絵文字とフィードバックを送信するためのボタンがあります。

HTMLテンプレートの コードビュー の要素に次の変更を加えることができます：

• 色を変更 : 様々な要素にカスタムカラーコードを指定できます。HTMLコードの 159 行と 170 行にスクロールし、以下に示すように、ヌッジコンテナと送信ボタンの背景色を変更するために、好みのカラーコードに置き換えてください。

• 絵文字を変更する : 絵文字とそのフィードバックメッセージは、 const emojiData の値を 177 行で変更することで変更できます。
• データ追跡 : デフォルトでテンプレートにクリックとデータ追跡が追加されています。ボタンを追加する場合は、クリック追跡も追加してください。追跡に関する詳細は、 こちら を参照してください。

ヌッジ - 2つのボタンを持つ通知

このテンプレートを使用して、ユーザーに新しいオファーについてお知らせできます。デフォルトでは、テンプレートにはテキストボディと2つのボタンが含まれています。

HTMLテンプレートの コードビュー 内の要素に次の変更を加えることができます:

• 色を変更 : 様々な要素に対してカスタムカラーコードを指定できます。HTMLコードの 172 行までスクロールし、以下のハイライトされた場所で色コードを置き換えて要素の色を変更します。
• リンクを編集 : 行 201 では、ユーザーをカスタム URL にリダイレクトする 今すぐメンバーシップを購入 ボタンに割り当てられたリンクを変更できます。

Nudge - 機能発表

このナッジテンプレートを使用して、アプリの新機能を際立たせることができます。デフォルトでは、このテンプレートにはテキストボディとボタンが含まれています。

HTMLテンプレートの コードビュー の要素に次の変更を加えることができます:

• 色を変更 : 様々な要素のためにカスタムカラーコードを指定できます。以下に示すように、色コードを置き換えて要素の色を変更します。
• テキストを変更 : 必要に応じて 163 行の本文を編集することもできます。
• 調整 : コンテンツに基づいて、ナッジのサイズを調整できます。以下に示すように。

ナッジ - カウントダウンタイマー

このナッジテンプレートを使用して、販売日にはユーザーの間に緊急感を生み出すことができます。デフォルトでは、このテンプレートにはテキスト付きのカウントダウンタイマーが含まれています。

HTMLテンプレートの コードビュー 内の要素に次の変更を加えることができます：

• 色を変更 : 様々な要素のためにカスタムカラーコードを指定できます。HTMLコードの 93 行にスクロールし、以下のハイライトされた場所でカラーコードを置き換えて要素の色を変更します。
• タイマーを変更する : 必要に応じて、以下に示すように 108 行のタイマーを変更できます。

Nudge テンプレートを作成する

次の手順に従って、ナッジテンプレートを作成します：

1. キャンペーン作成ページの コンテンツ セクションで、 最初から始める タブをクリックします。
   

以下のオプションを使用してテンプレートを作成できます：

1. • • カスタムHTMLアップロード
     • ZIPアップロード
2. 「 カスタムHTMLアップロード 」または「 ZIPアップロード 」にカーソルを合わせ、「 ヌッジを作成 」をクリックします。以下に示すように 。
   
   

カスタムHTMLアップロード

カスタムHTMLを使用してナッジを作成するために、以下の手順に従ってください：

1. 「 カスタムHTMLアップロード 」にマウスを合わせて、「 ナッジを作成 」をクリックします。あなたは コードビュー エディタセクションにリダイレクトされます。
2. コードビュー セクションでカスタムHTMLコードを使用し、必要に応じてアセットをアップロードしてください。

Zipアップロード

この方法を使用すると、HTMLとアセットを単一のZIPファイルとして一緒にアップロードできます。

Zipアップロードを使用してナッジを作成するには、次の手順を実行します:

1. 「 Zip Upload 」にカーソルを合わせて、「 Create nudge. 」をクリックします。 Zip template ダイアログボックスが表示されます。
2. ZIPファイルをドラッグ＆ドロップするか、コンピュータからアップロードして 完了 。

Nudgeテンプレートをカスタマイズする

HTMLコードまたはzipファイルをアップロードすると、オリエンテーション、位置、デバイスタイプなどのために、ナッジテンプレートをカスタマイズできます。カスタマイズするには、 テンプレート設定 をクリックしてください。

以下のアクションを テンプレート設定 セクションで実行できます：

• 向きを変更 : 許可されたデバイスの向き セクションで、ナッジの向きのタイプを調整できます。
  

• デバイスタイプを選択 : 許可されたデバイスタイプ セクションで、必要なデバイスタイプを選択できます。
  

• 配置と比率を調整する : 配置と比率 セクションでは:
  • ヌッジの配置を 下部 または 上部 に変更できます。
    
  • お好みに合わせて ヌッジの高さ と ヌッジの幅 を調整できます。
    
    
  • ヌッジの位置を マージン の下で変更できます 。
    

テンプレートのテストとプレビューに関する情報は、 HTML In-app Templates を参照してください。