サンプル HTML アプリ内テンプレート

この記事では、インアプリキャンペーンで直接使用できるHTMLインアプリテンプレートを一覧表示します。HTMLインアプリキャンペーンに関する詳細については、 この記事 を参照してください。

SampleテンプレートをMoEngageのアプリ内キャンペーンで使用する方法についての詳細は このセクション を参照してください。

テンプレート一覧

テンプレート名 説明
カルーセル ユーザーに自動スクロールで複数の製品/サービス/オファーを表示します。
調査 ユーザーの興味/フィードバック/意見を調査テンプレートを通じて記録します。
リードジェネレーション 匿名のアプリユーザーのメールID / モバイル番号またはその他の詳細をキャプチャします。
プロモーション 進行中のオファーやベストセラーの製品/サービスを宣伝してください。
ホイールを回す ユーザーがホイールを回して賞品/オファーを獲得できるインタラクティブなゲーミフィケーションポップアップ(ホイールはランダムに生成された賞品で停止します)で、ポップアップに記載された特定のアクションを実行することによって行います。
スクラッチカード ユーザーが特定のアクションを実行することによって、ランダムに生成された賞品/オファーをスクラッチして獲得できるビジュアルスクラッチカードポップアップ。

カルーセル

カルーセルテンプレートを使用すると、以下に示すように、自動的にスクロールする複数の製品/サービス/オファーをユーザーに表示できます:

テンプレートをダウンロード.

ezgif.com-gif-maker__2_.gif

テンプレートの詳細:

  1. カルーセルの各画像に異なるCTAを定義します。下記のコードのハイライトされた行に示されています -
    Screen_Shot_2021-09-03_at_10.57.13_AM.png

    上記のテンプレートでは、カルーセルの要素の1つをクリックすると、ユーザーは https://www.moengage.com にリダイレクトされ、次の要素をクリックすると、イベントが追跡されるだけです。同様に、ここにあるJS Bridgeドキュメントに記載されている任意のアクションを定義できます。

    上記の画像のハイライトされたコード内の moengage.trackClick(2) 関数は、クリックを追跡する責任があります。関数内の引数 (1)、(2) は、カルーセルの異なる要素のクリックを区別するのに役立ちます。

  2. モバイルデバイス用に、このテンプレートはポートレートモードとの互換性が最も高いです。横向きモードでは、ユーザーはスクロールバーを見ることができます。タブレットやテレビでは、このテンプレートはどの向きでも期待通りに表示されます。

調査

ユーザーの関心/フィードバック/意見を以下のようなアンケートテンプレートを通じて収集します:

テンプレートをダウンロード

Screen_Shot_2021-09-02_at_5.23.39_PM.png

テンプレートの詳細:

  1. ユーザー属性として調査の回答をキャプチャします。下の画像に示すように、強調表示されたコード行または行番号88は、ユーザーによって提供された入力をユーザー属性としてキャプチャする責任があります - "survey_response". 必要に応じてユーザー属性名をカスタマイズできます。
    Screen_Shot_2021-09-03_at_10.27.16_AM.png


  2. ユーザーが応答を送信すると、下記の画像のハイライトされたコード行に示されているように、イベント - "MOE_RESPONSE_SUBMITTED" をトリガーします。 88行目のハイライトされたコード行は、フィードバックフォームからのユーザー入力としてのイベント属性 "survey_response" とともに、イベント - MOE_RESPONSE_SUBMITTED を追跡するためのものです。 必要に応じて、イベントとイベント属性の名前をカスタマイズできます。

    追跡されたこのイベントは、MoEngageの外部にデータを送信したり、必要に応じてフォローアップキャンペーンをトリガーするために使用できます。
    Screen_Shot_2021-09-03_at_10.27.02_AM.png
  3. このテンプレートのデータは、以下に示すようにMoEngageユーザープロファイルに追跡され、保存されます。
    Screen_Shot_2021-09-06_at_3.06.15_PM.png

  4. モバイルデバイスでは、このテンプレートはポートレートモードに最も適しています。横向きモードでは、ユーザーはスクロールバーを見ることができます。タブレットやテレビでは、このテンプレートはどの方向でも期待通りに表示されます。

リードジェン

リードジェンテンプレートを使用して、匿名アプリユーザーのメールID/携帯番号を取得します。

テンプレートをダウンロード .

Screen_Shot_2021-09-03_at_11.03.37_AM.png

テンプレートの詳細:

  1. ユーザーによって提供された入力を標準のMoEngage属性 - 名前とメールとして保存します。

  2. ユーザーがこのフォームに回答を提出すると、 "MOE_RESPONSE_SUBMITTED" イベントをトリガーします。このイベントを利用して、MoEngage経由で外部APIエンドポイントにこのデータを送信できます。

    以下の画像にハイライトされたコードは、ユーザー属性およびイベントとして入力データを追跡するためのものです。
    Screen_Shot_2021-09-03_at_11.32.31_AM.png
  3. このフォームからデータが追跡されると、以下に示すようにユーザープロフィールで確認でき、さらにイベントを使用してデータをMoEngageの外部に送信することができます。 Streams Connector campaigns.
    Screen_Shot_2021-09-06_at_3.07.39_PM.png

プロモーション

このプロモーションテンプレートを使用して、現在のオファーやベストセラー商品/サービスを宣伝しましょう。

テンプレートをダウンロード

Screen_Shot_2021-09-03_at_1.11.09_PM.png

テンプレートの詳細:

1.このテンプレートを使用して、モバイルアプリでの進行中のオファー/セールを宣伝してください。

2. ユーザーがボタンをクリックしたときに開くURLを定義し、以下に示すようにJSブリッジを実装することで統計を追跡できます -
Screen_Shot_2021-09-03_at_1.11.36_PM.png

アプリ内キャンペーンでのサンプルテンプレートの使用

以下のGIFを参照して、MoEngageのアプリ内キャンペーンでサンプルテンプレートを迅速に使用する方法を理解してください。

ezgif.com-gif-maker__4_.gif

この記事は役に立ちましたか?
4人中4人がこの記事が役に立ったと言っています

How can we improve this article?