> ## Documentation Index
> Fetch the complete documentation index at: https://moengage.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# On-site Messaging でのレコメンデーションの使用

> 離脱の意図やページ訪問などの重要なタイミングで、オンサイトメッセージに商品レコメンデーションを表示し、ユーザージャーニー内でのコンバージョンを促進します。

# はじめに

On-site メッセージのプリセットワークフローを使用すると、購入ジャーニーのさまざまな段階や、ユーザーが関心を示したときに、商品やアイテムを提案し、ユーザーと自動的にインタラクションできます。これらのインタラクションポイントには、ランディングページ、訪問したページ、離脱の意図などのパラメーターが含まれます。

MoEngage では、メールキャンペーンの作成は 3 つのステップで行います。

1. Target users
2. Content
3. Schedule and goals

2 番目のステップ「Content」で、レコメンデーションを使用してキャンペーンコンテンツをパーソナライズできます。それでは、レコメンデーションに基づいてパーソナライズした OSM キャンペーンを作成してみましょう。

> [!WARNING]
>
> 目的のレコメンデーションが作成済みであることを確認してください。キャンペーンのパーソナライズには、アクティブなレコメンデーションのみを使用できます。[レコメンデーションの作成と管理](/docs/ja/user-guide/content/recommendations)の方法を確認してください。

# レコメンデーションを使用した OSM キャンペーンの作成

レコメンデーションを使用した OSM キャンペーンを作成するには、次の手順を実行します。

1. MoEngage のサイドバーメニューで、Engage メニュー項目 ![スクリーンショット 2025-06-04 4.32.53 PM.png](https://mintcdn.com/moengage/60BzFdXTJDO5dnCb/images/moengage_365073.png?fit=max\&auto=format\&n=60BzFdXTJDO5dnCb\&q=85\&s=e4e36c7c1a5b50a1db2bd9a29ed3f12a) にカーソルを合わせます。**Engage** メニューが表示されます。
2. **+ New Campaign** をクリックします。![1.png](https://mintcdn.com/moengage/S2vOz7ciYYqlhjCf/images/moengage_6ccf13.png?fit=max\&auto=format\&n=S2vOz7ciYYqlhjCf\&q=85\&s=c93ad807cc3aed5ee1d1b4245b196ec5) **Engage** メニューの **All Campaigns** をクリックし、All campaigns ページで **+ Create campaign** をクリックすることもできます。
3. **New Campaign** ダイアログボックスの **INBOUND** で、**On-site** をクリックします。![](https://mintcdn.com/moengage/ME-DtlELD2N8TrcF/images/moengage_c0968f.png?fit=max\&auto=format\&n=ME-DtlELD2N8TrcF\&q=85\&s=bbe6d353c29abd479b11d4c5b1ba2bc6)
4. ステップ 1「Target users」でキャンペーンの基本情報を入力してオーディエンスを定義し、**Next** をクリックします。
5. ステップ 2 の **Content** タブで、利用可能なオプションからテンプレートを選択します。この記事の範囲では、「Text based CTA」のナッジ**テンプレート**を選択します。![](https://mintcdn.com/moengage/epqsPEpMsGQCYy1r/images/moengage_5e50d1.png?fit=max\&auto=format\&n=epqsPEpMsGQCYy1r\&q=85\&s=6eb48e2ad23c51b45260db12db6acb31)
6. 既存のテキスト OSM テンプレートを削除し、在庫が非常に少ないアイテムを紹介するレコメンデーションで値をパーソナライズします。![](https://mintcdn.com/moengage/2CGhjk8ZDWEC5ocb/images/moengage_f7c729.png?fit=max\&auto=format\&n=2CGhjk8ZDWEC5ocb\&q=85\&s=7fdb64833f312ee879173ee806fab51c)
7. 必要に応じて、背景色を変更したり、背景画像を追加したりできます。
8. テキストブロックに **'@'** と入力すると、パーソナライズのポップアップが開きます。データパーソナライズのドロップダウンで目的のレコメンデーション名を検索して選択します。![](https://mintcdn.com/moengage/Vec55CKt-wYQ1h5L/images/moengage_44dcb9.png?fit=max\&auto=format\&n=Vec55CKt-wYQ1h5L\&q=85\&s=2f5202f4df7a220b873ad1bf30ef788c)
9. 選択したら、Jinja コードブロック内の Jinja コードを次のように更新する必要があります。
   ```jinja JINJA for item title theme={null}
   {% if ProductSet.
   DemoOnlyFewLeft
   %}
   {% for product in ProductSet.
   DemoOnlyFewLeft
   [0:1]%}
   {{product.title}}
   {% endfor %}
   {% else %}
   MOE_NOT_SEND
   {% endif %}
   ```
10. 同様に、次のようにレコメンデーションアイテムの画像リンクでパーソナライズします。
    ```jinja JINJA for item image theme={null}
    {% if ProductSet.
    DemoOnlyFewLeft
    %}
    {% for product in ProductSet.
    DemoOnlyFewLeft
    [0:1]%}
    {{product.image_link}}
    {% endfor %}
    {% else %}
    MOE_NOT_SEND
    {% endif %}
    ```
    ![](https://mintcdn.com/moengage/2FjM3dGfEH1CYo8k/images/moengage_64528d.png?fit=max\&auto=format\&n=2FjM3dGfEH1CYo8k\&q=85\&s=632909b1c9c04c3e779b19cbf3bd6441)
11. 次のように、CTA の Web ページリンクでパーソナライズすることもできます。
    ```jinja JINJA for item image theme={null}
    {% if ProductSet.
    DemoOnlyFewLeft
    %}
    {% for product in ProductSet.
    DemoOnlyFewLeft
    [0:1]%}
    {{product.link}}
    {% endfor %}
    {% else %}
    MOE_NOT_SEND
    {% endif %}
    ```
    ![](https://mintcdn.com/moengage/fUSb9kG75-iJ0JuL/images/moengage_e473d2.png?fit=max\&auto=format\&n=fUSb9kG75-iJ0JuL\&q=85\&s=9b39a6b072cb11c9c79c90b707b8beaa)
12. 公開する前にキャンペーンをテストして、OSM でのレコメンデーションの配信をプレビューすることをお勧めします。テストキャンペーンの入力欄にページ URL を入力し、Test をクリックします。![](https://mintcdn.com/moengage/P9B7WlDoMUnquME5/images/moengage_0a5bb0.png?fit=max\&auto=format\&n=P9B7WlDoMUnquME5\&q=85\&s=6201926d49c9a71d0ab6ec70a853efbd)
13. 次のようにテスト結果をプレビューできます。![](https://mintcdn.com/moengage/fVqFKGn_bbcOn3ck/images/moengage_2724ad.png?fit=max\&auto=format\&n=fVqFKGn_bbcOn3ck\&q=85\&s=2067d590c7bc04fe5596983b9a1f8069)
14. レコメンデーションを使用したコンテンツの設定が完了したら、下部の **Next** をクリックし、キャンペーン設定のステップ 3 である「Schedule and Goals」に進みます。
15. 適切なスケジュールと配信コントロールを設定し、キャンペーンを公開します。


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.