> ## 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.

# ランディングページの作成

> MoEngage でのランディングページ作成手順を説明します。ページ名の設定、テンプレートの選択またはゼロからの作成、コンテンツのデザイン、公開までを順に行います。

ランディングページを作成するには、次の手順を実行します。

1. MoEngage のサイドバーメニューで、**Content** メニュー項目 ![content icon.png](https://mintcdn.com/moengage/M3SzEdkQVgGAjJCt/images/moengage_78d3a5.png?fit=max\&auto=format\&n=M3SzEdkQVgGAjJCt\&q=85\&s=51b7f8ce60f823b789447a270c12ce56) にカーソルを合わせます。**Content** メニューが表示されます。
2. **Landing Pages** をクリックします。

   ![](https://mintcdn.com/moengage/t_8awpRKFC9RNHlT/images/moengage_aad736.png?fit=max\&auto=format\&n=t_8awpRKFC9RNHlT\&q=85\&s=a89edc6ca5481cad3672d67df88411bf)

   Landing pages ページが表示されます。
3. **Create landing page** をクリックします。

   ![Screenshot 2025-06-13 at 5.52.41 PM.png](https://mintcdn.com/moengage/Ci8j4F7VOEUnUuwd/images/moengage_ebdb2f.png?fit=max\&auto=format\&n=Ci8j4F7VOEUnUuwd\&q=85\&s=98a07e383abf1a5e0dbe0af333802564)

**ランディングページの作成は 3 つのステップで行います**:

# ステップ 1: ランディングページの定義

このステップでは、次のフィールドを使用してランディングページを定義します。

* Landing page name: ページを識別および管理するためのランディングページ名を入力します。
* Landing page tags: タグ一覧から、ランディングページに適したタグを選択します。

![Image 05-12-24 at 9.51 AM.jpeg](https://mintcdn.com/moengage/prFQLkdcYp4xSt9t/images/moengage_66d2b8.png?fit=max\&auto=format\&n=prFQLkdcYp4xSt9t\&q=85\&s=a3afe1708bebef4a1df534400d3dcfbe)

# ステップ 2: コンテンツ

## ランディングページのコンテンツ

空白のテンプレートを使用するか、利用可能なテンプレートから選択してランディングページを作成できます。検索オプションを使用してテンプレートを探すことも、目的のテンプレートをクリックすることもできます。

![Image 21-11-24 at 5.59 PM.jpeg](https://mintcdn.com/moengage/cVruC-B7I1TnIZ0h/images/moengage_da0032.png?fit=max\&auto=format\&n=cVruC-B7I1TnIZ0h\&q=85\&s=088dacbe1e61a6ad3ba36d443625df95)

**Blank Template**: **Blank Template** にカーソルを合わせてクリックすると、ランディングページテンプレートをゼロから作成できます。**+** アイコンをクリックしてエディターを開き、テンプレートに要素を追加します。詳細については、[ランディングページエディター](/docs/ja/user-guide/content/landing-pages/create/landing-page-editor)を参照してください。

**Pre-built Templates**: 要件を満たすさまざまな事前デザイン済みテンプレートから選択できます。

含まれるテンプレートの例は次のとおりです。

* Lead Capture
* Survey & Feedback
* Product Announcement
* Promotion & Recommendation
* Subscription Category Management

詳細については、[ランディングページテンプレート](/docs/ja/user-guide/content/landing-pages/create/landing-page-templates)を参照してください。

### ドラッグ＆ドロップエディター

選択したテンプレートを読み込むと、テンプレートがランディングページエディターに読み込まれます。エディターが開いたら、次の操作を行えます。

* **要素の追加**: エディターの左ペインにある ![AddElement\_Icon.png](https://mintcdn.com/moengage/rlD8iAX6JQFx0hql/images/moengage_b939ad.png?fit=max\&auto=format\&n=rlD8iAX6JQFx0hql\&q=85\&s=b3789527fb67c5d995aabdc5d359c6cd) アイコンをクリックして、テンプレートに要素を追加できます。
* **スタイルオプションの追加または編集**: 要素の右上にある ![Options.png](https://mintcdn.com/moengage/2kQqTYC5RUPSd8kI/images/moengage_3ec4de.png?fit=max\&auto=format\&n=2kQqTYC5RUPSd8kI\&q=85\&s=e796588dedbfb3f3b4675c9e937d77ad) アイコンをクリックして、目的のスタイルを追加します。詳細については、[ランディングページエディター](/docs/ja/user-guide/content/landing-pages/create/landing-page-editor)を参照してください。
* **テンプレートの変更**: 別のテンプレートに変更するには、省略記号 ![ellipsis.png](https://mintcdn.com/moengage/UX7SFw6G5JwoHWFq/images/moengage_5f29d6.png?fit=max\&auto=format\&n=UX7SFw6G5JwoHWFq\&q=85\&s=4abc9d86406557eb9712db7520d7c0c3) アイコンをクリックし、\
  **Change template** を選択して確定します。その後、ランディングページの新しいテンプレートを選択できます。
* **パーソナライズ**: ランディングページのコンテンツに、パーソナライズされたテキストや画像など、さまざまなパーソナライズオプションを追加できます。

  ![Screenshot 2024-12-05 at 10.32.04 AM.png](https://mintcdn.com/moengage/2CGhjk8ZDWEC5ocb/images/moengage_f759e2.png?fit=max\&auto=format\&n=2CGhjk8ZDWEC5ocb\&q=85\&s=0b8c1ae635451701f9af7753f877fc57)

  詳細については、[ランディングページのパーソナライズ](/docs/ja/user-guide/content/landing-pages/create/personalize-a-landing-page)を参照してください。

## A/B テストとコホート

### A/B テスト

A/B テストとは、ランダムに選ばれたユーザーグループの一定割合にランディングページを送信し、複数のバリエーションを互いに比較する実験的な仕組みです。これにより、エンゲージメント指標の向上にどのランディングページが効果的かを把握できます。ランディングページ全体について複数のバリエーションを作成してテストし、それらにトラフィックを分配することで、最もパフォーマンスの高いバージョンを特定できます。詳細については、[こちら](/docs/ja/user-guide/ai-and-intelligence/ab-testing/what-is-ab-or-multivariate-testing/manual-multivariate-experiment)を参照してください。

バリエーションを作成するには、次の手順を実行します。

1. コンテンツセクションで、右上の **+A/B test** をクリックします。
2. **New Variation** をクリックして新しいバリエーションを作成するか、**Copy Variation** をクリックして以前に作成したバリエーションをコピーします。バリエーションは最大 5 つまで作成できます。

   ![Screenshot 2025-04-04 at 11.49.15 AM.png](https://mintcdn.com/moengage/VqQHPleQ9qk_ZsLR/images/moengage_51c3ff.png?fit=max\&auto=format\&n=VqQHPleQ9qk_ZsLR\&q=85\&s=77747fd1dc6997d1af4e7cc68a37088c)
3. バリエーションを作成したら、各バリエーションへのユーザー配分を設定します。これを行うには、**User Distribution** をクリックします。**User distribution** ポップアップウィンドウが表示されます。

   ![Screenshot 2025-04-04 at 11.51.08 AM.png](https://mintcdn.com/moengage/4hNKOAjPrnhpJB2_/images/moengage_7d7e7f.png?fit=max\&auto=format\&n=4hNKOAjPrnhpJB2_\&q=85\&s=856d5964fefb813ace7ec0bd5e8fec10)
4. **Objective of experiment** フィールドに、実験の詳細を入力します。
5. バリエーション名を変更し、ランディングページを受け取るユーザーの割合を設定します。

   ![2025-04-04\_12-04-29 (1).gif](https://mintcdn.com/moengage/S5VM4C7aiU6sct6c/images/moengage_07951c.png?s=034bb500c82209715cff76169e0b0863)

ランディングページの分析の詳細については、[こちら](/docs/ja/user-guide/content/landing-pages/analyze/analyze-landing-pages)を参照してください。

### コホート

コホートを使用すると、クエリパラメーター、曜日、時間帯、位置情報、デバイスタイプ、オペレーティングシステム、ブラウザタイプなどのセッション属性に基づいて、ランディングページの複数のバリエーションを作成して配信できます。これにより、ユーザーにパーソナライズされたエクスペリエンスを提供し、関連性とコンバージョンを高めることができます。

たとえば、位置情報に基づいてランディングページを表示し、インドではヒンディー語、中国では中国語(北京語)、デフォルトでは英語を表示できます。*sport=running* や *sport=boxing* のようなクエリパラメーターを使用してヒーロー画像や注目商品を変更し、デフォルトでは一般的なスポーツ用品を表示することもできます。時間や曜日などの属性を使用してプロモーションのオファーを決定し、月曜日の午前 9 時から午後 5 時までは平日限定の特典、土曜日/日曜日は週末のアクティビティ、それ以外は通常のオファーを表示することも可能です。

コホートを作成するには、次の手順を実行します。

1. コンテンツセクションで **Cohort** をクリックします。

   ![Screenshot 2025-04-04 at 12.25.05 PM.png](https://mintcdn.com/moengage/H6NVBgn3z5fYOOBq/images/moengage_7aeba1.png?fit=max\&auto=format\&n=H6NVBgn3z5fYOOBq\&q=85\&s=14a2726202cfc309ada4f85fbdf88dee)
2. **New Cohort** をクリックします。**Add new cohort** ポップアップウィンドウが表示されます。

   ![Screenshot 2025-04-04 at 1.17.12 PM.png](https://mintcdn.com/moengage/CaPmX0z_ys8cr0ms/images/moengage_0843d9.png?fit=max\&auto=format\&n=CaPmX0z_ys8cr0ms\&q=85\&s=ad1974d31ab7c56eec32fdd5aa84b0c6)
3. **Cohort name** フィールドに、目的のコホート名を入力します。
4. **In-session attributes** リストで、必要な属性を選択します。セッション内属性を使用すると、ユーザーの現在のセッション内でのアクションに基づいてユーザーをグループ化し、ターゲティングできます。
5. **+ In-session attributes** をクリックして、さらに属性を追加します。以下に示すように、**And**/**Or** を使用して複数の属性を組み合わせることができます。

   ![2025-04-04\_13-25-16 (1).gif](https://mintcdn.com/moengage/_fazdN5K6hQMBuV9/images/moengage_3c5716.png?s=b202005e4a0821a8f477311081a28b5e)
6. 作成したコホートを保存するには、**Save for later use** チェックボックスをオンにします。保存したコホートはコホート一覧に表示され、追加で編集できます。
7. 属性を追加したら、**Add** をクリックします。**Choose content for new added cohorts** ポップアップウィンドウが表示されます。
8. **Choose cohort content from** リストで、次のいずれかのオプションを選択します。
   1. **Create new content**: コホート用に新しいランディングページコンテンツを作成できます。
   2. **Copy from cohort Default**: 既存のコンテンツをコホートにコピーします。

      ![Screenshot 2025-04-04 at 1.39.18 PM.png](https://mintcdn.com/moengage/iCae3l_a7eOJMTbz/images/moengage_1e2027.png?fit=max\&auto=format\&n=iCae3l_a7eOJMTbz\&q=85\&s=33a891b143a049495775d43adf7d9d1a)
9. **Done** をクリックします。コホートがコンテンツセクションのヘッダーに表示されるようになります。

   ![Screenshot 2025-04-04 at 1.40.29 PM.png](https://mintcdn.com/moengage/MkyldVVKHHCZ-kMR/images/moengage_ae0a85.png?fit=max\&auto=format\&n=MkyldVVKHHCZ-kMR\&q=85\&s=92125c155bede6d80ae2753dc3ba9cd1)
10. 作成したコホートにアクセスする、またはコホートをさらに追加するには、**+ Cohort** をクリックします。1 つのランディングページに追加できるコホートは最大 5 つです。

ランディングページのバリエーションとコホートの指標のトラッキングの詳細については、[こちら](/docs/ja/user-guide/content/landing-pages/analyze/analyze-landing-pages)を参照してください。

## テストとプレビュー

テンプレートにコンテンツを追加した後、ランディングページをプレビューできます。次のオプションから選択できます。

* **ランディングページのプレビュー**: **Preview Landing page** アイコンをクリックして、ランディングページをプレビューします。次のオプションがあります。

  ![Screenshot 2024-12-05 at 10.40.00 AM.png](https://mintcdn.com/moengage/UX7SFw6G5JwoHWFq/images/moengage_62cd45.png?fit=max\&auto=format\&n=UX7SFw6G5JwoHWFq\&q=85\&s=c80593767d833f52528b54a61e0da635)
  * **Preview with personalization**: 作成したランディングページをテストおよび表示できます。
  * **Preview without personalization**: パーソナライズ属性なしで、作成したランディングページを表示します。ページの汎用バージョンを確認でき、すべての要素が意図どおりに配置・表示されていることを確認するのに役立ちます。
* **プラットフォームビューの変更**: 左パネルの ![PreviewOptions.png](https://mintcdn.com/moengage/OQ0V9ibjQLpsyCSD/images/moengage_110b32.png?fit=max\&auto=format\&n=OQ0V9ibjQLpsyCSD\&q=85\&s=313d0dc9fc63f39a4be220da72e57681) アイコンをクリックして、テンプレートをプレビューします。次のプラットフォームオプションがあります。
  * **Desktop**: デスクトップブラウザで開いたときのランディングページテンプレートの表示を確認できます。
  * **Tablet**: タブレットブラウザで開いたときのランディングページテンプレートの表示を確認できます。
  * **Mobile**: モバイルブラウザで開いたときのランディングページテンプレートの表示を確認できます。
* **全画面表示**: テンプレートを全画面で表示および編集できます。

# ステップ 3: URL と設定

このステップには次のセクションがあります。

* **URL details**
* **Specify Meta tags**
* **Add scripts**

![Image 12-11-24 at 3.34 PM.jpeg](https://mintcdn.com/moengage/prFQLkdcYp4xSt9t/images/moengage_68cfe2.png?fit=max\&auto=format\&n=prFQLkdcYp4xSt9t\&q=85\&s=031e2d2f29ad768384c2cb9f3ae12327)

## URL の詳細

このセクションには次のフィールドがあります。

* **Domain name**: ランディングページのドメイン名を選択します。一般ドメイン名またはカスタムドメイン名を選択できます。
* **Landing page path**: ランディングページのパスを入力します。

### ドメイン名

ドメイン名は次の方法で設定できます。

* **一般ドメイン**: MoEngage ドメインから、データベース名に関連付けられたパーソナライズされたドメインを選択できます。これは **Domain name** リストの **General domain names** で利用できます。この即時セットアップにより、最初からドメイン設定を管理する必要なく、すぐにランディングページの作成と公開を開始できます。
* **カスタムドメイン**: ブランド化されたサブドメインを使用する準備ができたら、カスタムドメインを追加することもできます。

#### カスタムドメインの追加

1. **Domain name** リストで **+ Add Custom domain** をクリックします。

   ![Image 12-11-24 at 4.01 PM.jpeg](https://mintcdn.com/moengage/rlD8iAX6JQFx0hql/images/moengage_bbc20a.png?fit=max\&auto=format\&n=rlD8iAX6JQFx0hql\&q=85\&s=790ff6e4058ae7498739a67b94d4d581)

   **Settings** の Custom domain ページにある **Landing pages** タブにリダイレクトされます。

   ![Image 13-11-24 at 10.20 AM.jpeg](https://mintcdn.com/moengage/UX7SFw6G5JwoHWFq/images/moengage_60ac6a.png?fit=max\&auto=format\&n=UX7SFw6G5JwoHWFq\&q=85\&s=a92d81f26a35c175223ccd3758f6463e)
2. ランディングページには複数のカスタムドメインを追加できます。ランディングページのカスタムドメインを設定するには、次の手順を実行します。
   1. **+ Add custom domain** をクリックします。Add custom domain ダイアログボックスが表示されます。
   2. 前提条件に従って、カスタムドメインが検証済みであることを確認します。

      ![Image 13-11-24 at 10.24 AM.jpeg](https://mintcdn.com/moengage/-X0av6ek9AEOUtsy/images/moengage_c927e4.png?fit=max\&auto=format\&n=-X0av6ek9AEOUtsy\&q=85\&s=f25b549c01c6f537f19fdb144646347a)
   3. **Custom domain name** ボックスに、カスタムドメイン名を入力します。
   4. このドメインをデフォルトドメインにする場合は、**Mark this domain as default** チェックボックスをオンにします。
   5. 前提条件が満たされていることを確認するため、**I acknowledge that the pre-requisites are met** チェックボックスをオンにします。
   6. **Verify & save** をクリックして、カスタムドメインを検証して保存します。カスタムドメインは Custom domain ページに一覧表示され、そのカスタムドメインに Verified タグが付きます。
3. いずれかのカスタムドメインの横にある省略記号アイコン( ![ellipsis.png](https://mintcdn.com/moengage/UX7SFw6G5JwoHWFq/images/moengage_5f29d6.png?fit=max\&auto=format\&n=UX7SFw6G5JwoHWFq\&q=85\&s=4abc9d86406557eb9712db7520d7c0c3) )をクリックして、デフォルトに設定するか削除します。
   > [!NOTE]
   >
   > カスタムドメインを削除すると、削除されたカスタムドメインを使用しているアクティブなページは、新しいデフォルトのカスタムドメインにフォールバックします。

### ランディングページのパス

ランディングページの URL のうち、サブドメイン以降の部分をカスタマイズできます。ランディングページやそのページの特定のコンテンツに対応するように変更できます。パスは一意である必要があります。

カスタムドメインの設定とトラブルシューティングの詳細については、[カスタムドメインの設定](/docs/ja/user-guide/settings/advanced-settings/configure-custom-domain-link-branding)を参照してください。

## メタタグの指定

メタタグは、Web ページのコンテンツの概要を示す短いテキストです。特に検索エンジン最適化(SEO)など多くの用途があり、ソーシャルメディアでの共有を最適化し、ユーザーエクスペリエンスを向上させます。

このセクションに次の詳細を入力します。

1. **Meta tag title**: メタタグのタイトルを入力します。このタイトルはランディングページの見出しとして機能し、リンクがいずれかのプラットフォームで共有されるたびに表示されます。
2. **Meta tag description**: ランディングページの内容を簡潔にまとめた概要を入力します。
3. **Favicon**: ランディングページのファビコンをアップロードします。ファビコンは、ランディングページに関連付けられた小さなアイコンで、ブラウザのタブ内に表示されます。ファビコンを追加するには、コンピューターから画像をドラッグ＆ドロップするか参照してアップロードします。
   > [!NOTE]
   >
   > 使用できるファイル形式は JPG、JPEG、PNG、ICO で、最大サイズは 5 MB です。

![Image 13-11-24 at 10.57 AM.jpeg](https://mintcdn.com/moengage/tNrQQROY8O0h4yWe/images/moengage_145b2a.png?fit=max\&auto=format\&n=tNrQQROY8O0h4yWe\&q=85\&s=ea8554dc01e0f40e3f816ba98475a9c3)

## スクリプトの追加

このセクションでは、ランディングページのコンテンツに不可欠なスクリプトを埋め込むことができます。これらのスクリプトは、ページの head タグの一部になります。たとえば、Google Analytics を埋め込んでランディングページのパフォーマンスを測定できます。

![Image 13-11-24 at 2.13 PM.jpeg](https://mintcdn.com/moengage/TTNPRzWn21XF5uj0/images/moengage_f9cc3b.png?fit=max\&auto=format\&n=TTNPRzWn21XF5uj0\&q=85\&s=b21c4b7c8b0d8a53d6007df1d4686526)

これでランディングページを公開する準備ができました。**Publish** をクリックし、ダイアログボックスで確定してランディングページを公開します。

ランディングページを下書きとして保存し、後で編集することもできます。これを行うには、ページ右上の **Save** アイコンをクリックします。

# ランディングページへのアクセス

作成したランディングページにアクセスして表示するには、次の手順を実行します。

1. MoEngage のサイドバーメニューで、**Content** メニュー項目 ![Screenshot 2025-06-13 at 5.46.58 PM.png](https://mintcdn.com/moengage/4hNKOAjPrnhpJB2_/images/moengage_804d26.png?fit=max\&auto=format\&n=4hNKOAjPrnhpJB2_\&q=85\&s=384f8d0af391b893af8fa1f2750e862d) にカーソルを合わせます。**Content** メニューが表示されます。
2. **Landing Pages** をクリックします。

   ![Screenshot 2025-06-13 at 5.49.51 PM.png](https://mintcdn.com/moengage/rcvpxihxIp--_HSE/images/moengage_943a6b.png?fit=max\&auto=format\&n=rcvpxihxIp--_HSE\&q=85\&s=bfc679d7104fbebe4382d9a4d44d172c)

   Landing pages ページが表示されます。

   ![Screenshot 2024-11-21 at 11.33.45 AM.jpeg](https://mintcdn.com/moengage/CaPmX0z_ys8cr0ms/images/moengage_0850a1.png?fit=max\&auto=format\&n=CaPmX0z_ys8cr0ms\&q=85\&s=8b119bd183c65ea7bc81b1b4a3930981)
3. このページでは、次の操作を行えます。
   * ランディングページのステータスを確認する。
   * ページの URL をコピーする。
   * ページの最終更新日などの詳細を表示する。
   * 合計閲覧数を確認する。
   * クリック数を確認する。
   * クリック率(CTR)を確認する。
4. ページを **Edit**、**Duplicate**、または **Archive** することもできます。これらのオプションは、作成したランディングページの最終列にある省略記号 ![Actions Button.png](https://mintcdn.com/moengage/H6NVBgn3z5fYOOBq/images/moengage_7cc097.png?fit=max\&auto=format\&n=H6NVBgn3z5fYOOBq\&q=85\&s=ff018cd276f8d671885dac9353234d27) をクリックすると表示されます。アーカイブされたページを開くと 404 メッセージが表示されることに注意してください。

   ![Image 22-11-24 at 9.16 AM.jpeg](https://mintcdn.com/moengage/P9B7WlDoMUnquME5/images/moengage_0c542b.png?fit=max\&auto=format\&n=P9B7WlDoMUnquME5\&q=85\&s=70a0e3051af1bb069c4eb255d95d0db1)

# ランディングページの編集

ランディングページの作成後、次の項目を編集できます。

* 名前
* タグ
* テンプレート
* メタタグ
* スクリプト

> [!NOTE]
>
> ランディングページの作成後は、ドメイン名とランディングページのパスを編集することはできません。

# 次のステップ

* [ランディングページテンプレート](/docs/ja/user-guide/content/landing-pages/create/landing-page-templates)
* [ランディングページエディター](/docs/ja/user-guide/content/landing-pages/create/landing-page-editor)


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