ゲーミフィケーションテンプレート

Overview

今日のデジタル世界では、ゲーミフィケーションはウェブサイトの訪問者を引き付け、ユーザー体験を向上させるためのますます人気のある戦略となっています。アプリにゲーミフィケーションを組み込む効果的な方法の一つは、ゲーミフィケーションポップアップを使用することです。この記事では、なぜゲーミフィケーションポップアップを使用すべきか、そしてそれらをどのように設定するかを探ります。

なぜゲーミフィケーションポップアップを使用するのですか?

ゲーミフィケーションのポップアップは、あなたのアプリにいくつかの利点を提供することができます。これには次のものが含まれます:

      1. エンゲージメントの向上 : ゲーミフィケーションのポップアップは、訪問者に楽しくインタラクティブな体験を提供することで、アプリをより魅力的にすることができます。これにより、訪問者はウェブサイトでより多くの時間を過ごし、より多くのページを探索し、最終的にはコンバージョンの可能性を高めることができます。

      2. 強化されたユーザー体験 : ゲーミフィケーションのポップアップは、訪問者にユニークで記憶に残る体験を提供することで、ユーザー体験を向上させ、あなたのアプリを競合他社と差別化します。

      3. リード生成の改善 : ゲーミフィケーションポップアップは、訪問者が連絡先情報を提供するよう促すために使用され、その情報はリード生成目的に利用されることがあります。

MoEngageのゲーミフィケーションポップアップ

MoEngageにはデフォルトで利用できる2つのアプリ内ゲーミフィケーションポップアップがあります:

ホイールを回す

スピン・ザ・ホイールポップアップは、ユーザーが特定のアクションを行ったり、アプリ内の画面を訪れたときに設定できるインタラクティブなポップアップの一種です。ポップアップには、ユーザーがボタンをクリックすることで「スピン」できる仮想ホイールが表示されます。ホイールは回転し、ランダムに生成された賞品またはオファーで停止します。ユーザーはポップアップに表示された指示に従うことで、それを受け取ることができます。

spin_the_wheel.gif

スクラッチカード

スクラッチカードのポップアップには、ユーザーがマウスや指でカードをクリックまたはスワイプすることで「スクラッチ」できる仮想スクラッチカードが表示されます。カードは次に、ポップアップに表示された指示に従うことでユーザーが受け取ることができるランダムに生成された賞品またはオファーを明らかにします。

Scratch_card.gif

ゲーミフィケーションポップアップキャンペーンの使用

ゲーミフィケーションポップアップの利点を理解したので、次にアプリでのゲーミフィケーションキャンペーンの作成方法を探ってみましょう。

      1. アプリ内キャンペーンを新しく開始します。
      2. キャンペーン作成のステップ1を完了してください。
      3. 次へクリックしてください。
      4. HTMLテンプレートまでスクロールダウンしてください。
      5. 「スピン・ザ・ホイール」または「スクラッチカード」テンプレートを選択してください。
      6. テンプレートはコードビューで開きます。
      7. 使用例に従ってコードを設定してください。
      8. キャンペーンをスケジュールし、配信コントロールを設定し、キャンペーンを公開します。

ezgif.com-video-to-gif.gif

ゲーミフィケーションポップアップの設定

スピン・ザ・ホイール・テンプレート

      1. 背景画像を変更する
        テンプレートの背景画像を変更するには、コードの12行目から14行目のスタイルタグのコメントを解除し、画像のパスを追加してください。

        background_change_code.png

      2. テンプレート内の他の画像を変更します。勝利アイコンや敗北アイコンのように
        コードは、どこを変更すればよいかを見つけられるようにコメントされています。テンプレート内の画像を変更するには、 タグを検索し、既存のソースをあなたの画像のソースに置き換えます。

      3. ホイールにセクターを追加または削除する
        ホイールのセクターは、コード内の「DATA」変数を使用して作成されます。使用ケースに応じて、セクターを追加または削除できます。すべてのセクターにユニークなIDを持たせるようにしてください。

        スクリーンショット_2023-04-14_at_6.37.31_PM.png


      4. セクターを修正する
        各キーの値を変更することで、各セクターを修正できます。
        キー 説明
        id 一意の番号です。
        重み付け

        重み付けが大きいほど、ユーザーがホイールを回したときにそのセクターを受け取る可能性が高くなります。

        注意:
        重み付けは、キャンペーン期間中にユーザーに特定の回数だけセクターが割り当てられることを指定するものではありません。

        例えば、重み付けを次のように設定した場合 -
        セクター 1 - 50
        セクター 2 - 30
        セクター 3 - 15
        セクター 4 - 5

        この場合、重み付けはセクター 4 がキャンペーン期間中に5人のユーザーにのみ割り当てられることを意味するわけではありません。ユーザーにこのポップアップが表示される場合、セクター 1 を取得する確率はセクター 4 (5%) よりも高い (50%) ということです。ユーザーは、すでに5人が持っているにもかかわらず、セクター 4 を取得することもできます。

        ラベル 表示したいテキストです。
        コード ユーザーが特定のセクターに着地したときに表示したいクーポンです。
        勝利 ユーザーがこのセクターを取得した場合に勝利画面を表示したい場合は、はいとマークしてください。特定のセクターで敗北画面を表示したい場合は、勝利をいいえとマークしてください。
        各セクターの色です。



        注意:
        ウェイトは、キャンペーン期間中にユーザーに特定の回数のみ割り当てられるセクターがあるとは指定していません。

        例えば、重み付けを次のように設定します -
        セクター 1 - 50
        セクター 2 - 30
        セクター 3 - 15
        セクター 4 - 5

        この場合、重み付けはセクター 4 がキャンペーン期間中にわずか 5 人のユーザーに割り当てられることを意味するわけではありません。これは、このポップアップが表示されているユーザーにとって、セクター 1 がセクター 4 (5%) よりも高い確率 (50%) で表示されることを意味します。ユーザーは、すでに 5 人がセクター 4 を持っていても、セクター 4 を取得することができます。

        ラベル セクターに表示したいテキストです。
        code ユーザーがその特定のセクターにアクセスしたときに表示したいクーポンです。
        win ユーザーがこのセクターを取得した場合に勝利画面を表示したい場合は、はいとしてマークしてください。特定のセクターで敗北画面を表示したい場合は、勝利をいいえとしてマークしてください。
        それはすべてのセクターの色です。

スクラッチカードテンプレート

      1. 背景画像を変更する
        テンプレートの背景画像を変更するには、コードの14行目から19行目のスタイルタグのコメントを解除し、画像のパスを追加してください。

      2. テンプレート内の他の画像を変更してください。勝利アイコンや敗北アイコンなど
        コードは、どこを変更すべきかを簡単に見つけられるようにコメントされています。テンプレート内の画像を変更するには、 タグを検索し、既存のソースをあなたの画像のソースに置き換えてください。

      3. スクラッチカードの報酬を追加または削除する
        スクラッチカードの報酬は、コード内の「DATA」変数を使用して作成されます。使用ケースに応じて報酬を追加または削除できます。すべての報酬にユニークなIDを設定してください。
        スクリーンショット_2023-04-14_at_6.51.57_PM.png
      4. 報酬を修正する
        各報酬の値を変更することで、報酬を修正できます。
        キー 説明
        id それはユニークな番号です。
        重み

        重みが多いほど、ユーザーがホイールを回したときにそのセクターを受け取る可能性が高くなります。

        注意: 重みは、キャンペーン期間中にユーザーに特定の回数だけセクターが割り当てられることを指定するものではありません。

        例えば、重みを次のように設定した場合 -
        セクター 1 - 50
        セクター 2 - 30
        セクター 3 - 15
        セクター 4 - 5

        この場合、重みはセクター 4 がキャンペーン期間中に5人のユーザーにしか割り当てられないことを意味しません。これは、このポップアップが表示されているユーザーにとって、セクター 1 を取得する確率がセクター 4 (5%) よりも高い (50%) ことを意味します。ユーザーは、すでに5人のユーザーが持っている場合でも、セクター 4 を取得することができます。

        ラベル それはセクターに表示したいテキストです。
        コード それはユーザーがその特定のセクターに着地したときに表示したいクーポンです。
        勝利 ユーザーがこのセクターを取得した場合に勝利画面を表示したい場合は、はいとしてマークする必要があります。特定のセクターで敗北画面を表示したい場合は、勝利をいいえとしてマークしてください。



        セクター 1 - 50
        セクター 2 - 30
        セクター 3 - 15
        セクター 4 - 5

        この場合、ウェイトは、セクター 4 がキャンペーンの期間中に 5 人のユーザーのみに割り当てられることを意味するものではありません。これは、このポップアップが表示されているユーザーにとって、セクター 1 を取得する確率がセクター 4 (5%) よりも高い (50%) ことを意味します。ユーザーは、すでに 5 人のユーザーが持っているにもかかわらず、セクター 4 を取得することができます。

        ラベル それは、セクターに表示したいテキストです。
        code それは、ユーザーが特定のセクターに到達したときに表示したいクーポンです。
        WIN このセクターを取得した場合に勝利画面を表示したい場合は、はいとマークしてください。特定のセクターで敗北画面を表示したい場合は、勝利をいいえとマークしてください。

キャンペーン結果の表示

クリックとデータ追跡が既存のテンプレートにデフォルトで追加されました。ボタンを追加する場合は、クリック追跡も追加してください。追跡について詳しく知りたい場合は、 このドキュメント を参照してください。

キャンペーンを公開した後、キャンペーン情報ページに移動することで、テンプレートの結果を確認できます。

スクリーンショット_2023-04-14_at_6.55.39_PM.png

ユーザーに表示されるクーポンコードは、イベント - MOE_RESPONSE_SUBMITTED の coupon_code 属性に保存されています。このデータでは、ユーザーが使用したクーポンコードの数はわかりません。なぜなら、それはあなたのアプリに保存されているからです。このデータから、ユーザーに表示されたクーポンコードの内容を把握することができます。

Screenshot_2023-04-14_at_6.55.02_PM.png

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

How can we improve this article?