Skip to main content
ランディングページを作成するには、次の手順を実行します。
  1. MoEngage のサイドバーメニューで、Content メニュー項目 content icon.png にカーソルを合わせます。Content メニューが表示されます。
  2. Landing Pages をクリックします。 Landing pages ページが表示されます。
  3. Create landing page をクリックします。 Screenshot 2025-06-13 at 5.52.41 PM.png
ランディングページの作成は 3 つのステップで行います:

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

このステップでは、次のフィールドを使用してランディングページを定義します。
  • Landing page name: ページを識別および管理するためのランディングページ名を入力します。
  • Landing page tags: タグ一覧から、ランディングページに適したタグを選択します。
Image 05-12-24 at 9.51 AM.jpeg

ステップ 2: コンテンツ

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

空白のテンプレートを使用するか、利用可能なテンプレートから選択してランディングページを作成できます。検索オプションを使用してテンプレートを探すことも、目的のテンプレートをクリックすることもできます。 Image 21-11-24 at 5.59 PM.jpeg Blank Template: Blank Template にカーソルを合わせてクリックすると、ランディングページテンプレートをゼロから作成できます。+ アイコンをクリックしてエディターを開き、テンプレートに要素を追加します。詳細については、ランディングページエディターを参照してください。 Pre-built Templates: 要件を満たすさまざまな事前デザイン済みテンプレートから選択できます。 含まれるテンプレートの例は次のとおりです。
  • Lead Capture
  • Survey & Feedback
  • Product Announcement
  • Promotion & Recommendation
  • Subscription Category Management
詳細については、ランディングページテンプレートを参照してください。

ドラッグ&ドロップエディター

選択したテンプレートを読み込むと、テンプレートがランディングページエディターに読み込まれます。エディターが開いたら、次の操作を行えます。
  • 要素の追加: エディターの左ペインにある AddElement_Icon.png アイコンをクリックして、テンプレートに要素を追加できます。
  • スタイルオプションの追加または編集: 要素の右上にある Options.png アイコンをクリックして、目的のスタイルを追加します。詳細については、ランディングページエディターを参照してください。
  • テンプレートの変更: 別のテンプレートに変更するには、省略記号 ellipsis.png アイコンをクリックし、
    Change template を選択して確定します。その後、ランディングページの新しいテンプレートを選択できます。
  • パーソナライズ: ランディングページのコンテンツに、パーソナライズされたテキストや画像など、さまざまなパーソナライズオプションを追加できます。 Screenshot 2024-12-05 at 10.32.04 AM.png 詳細については、ランディングページのパーソナライズを参照してください。

A/B テストとコホート

A/B テスト

A/B テストとは、ランダムに選ばれたユーザーグループの一定割合にランディングページを送信し、複数のバリエーションを互いに比較する実験的な仕組みです。これにより、エンゲージメント指標の向上にどのランディングページが効果的かを把握できます。ランディングページ全体について複数のバリエーションを作成してテストし、それらにトラフィックを分配することで、最もパフォーマンスの高いバージョンを特定できます。詳細については、こちらを参照してください。 バリエーションを作成するには、次の手順を実行します。
  1. コンテンツセクションで、右上の +A/B test をクリックします。
  2. New Variation をクリックして新しいバリエーションを作成するか、Copy Variation をクリックして以前に作成したバリエーションをコピーします。バリエーションは最大 5 つまで作成できます。 Screenshot 2025-04-04 at 11.49.15 AM.png
  3. バリエーションを作成したら、各バリエーションへのユーザー配分を設定します。これを行うには、User Distribution をクリックします。User distribution ポップアップウィンドウが表示されます。 Screenshot 2025-04-04 at 11.51.08 AM.png
  4. Objective of experiment フィールドに、実験の詳細を入力します。
  5. バリエーション名を変更し、ランディングページを受け取るユーザーの割合を設定します。 2025-04-04_12-04-29 (1).gif
ランディングページの分析の詳細については、こちらを参照してください。

コホート

コホートを使用すると、クエリパラメーター、曜日、時間帯、位置情報、デバイスタイプ、オペレーティングシステム、ブラウザタイプなどのセッション属性に基づいて、ランディングページの複数のバリエーションを作成して配信できます。これにより、ユーザーにパーソナライズされたエクスペリエンスを提供し、関連性とコンバージョンを高めることができます。 たとえば、位置情報に基づいてランディングページを表示し、インドではヒンディー語、中国では中国語(北京語)、デフォルトでは英語を表示できます。sport=running や sport=boxing のようなクエリパラメーターを使用してヒーロー画像や注目商品を変更し、デフォルトでは一般的なスポーツ用品を表示することもできます。時間や曜日などの属性を使用してプロモーションのオファーを決定し、月曜日の午前 9 時から午後 5 時までは平日限定の特典、土曜日/日曜日は週末のアクティビティ、それ以外は通常のオファーを表示することも可能です。 コホートを作成するには、次の手順を実行します。
  1. コンテンツセクションで Cohort をクリックします。 Screenshot 2025-04-04 at 12.25.05 PM.png
  2. New Cohort をクリックします。Add new cohort ポップアップウィンドウが表示されます。 Screenshot 2025-04-04 at 1.17.12 PM.png
  3. Cohort name フィールドに、目的のコホート名を入力します。
  4. In-session attributes リストで、必要な属性を選択します。セッション内属性を使用すると、ユーザーの現在のセッション内でのアクションに基づいてユーザーをグループ化し、ターゲティングできます。
  5. + In-session attributes をクリックして、さらに属性を追加します。以下に示すように、And/Or を使用して複数の属性を組み合わせることができます。 2025-04-04_13-25-16 (1).gif
  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
  9. Done をクリックします。コホートがコンテンツセクションのヘッダーに表示されるようになります。 Screenshot 2025-04-04 at 1.40.29 PM.png
  10. 作成したコホートにアクセスする、またはコホートをさらに追加するには、+ Cohort をクリックします。1 つのランディングページに追加できるコホートは最大 5 つです。
ランディングページのバリエーションとコホートの指標のトラッキングの詳細については、こちらを参照してください。

テストとプレビュー

テンプレートにコンテンツを追加した後、ランディングページをプレビューできます。次のオプションから選択できます。
  • ランディングページのプレビュー: Preview Landing page アイコンをクリックして、ランディングページをプレビューします。次のオプションがあります。 Screenshot 2024-12-05 at 10.40.00 AM.png
    • Preview with personalization: 作成したランディングページをテストおよび表示できます。
    • Preview without personalization: パーソナライズ属性なしで、作成したランディングページを表示します。ページの汎用バージョンを確認でき、すべての要素が意図どおりに配置・表示されていることを確認するのに役立ちます。
  • プラットフォームビューの変更: 左パネルの PreviewOptions.png アイコンをクリックして、テンプレートをプレビューします。次のプラットフォームオプションがあります。
    • Desktop: デスクトップブラウザで開いたときのランディングページテンプレートの表示を確認できます。
    • Tablet: タブレットブラウザで開いたときのランディングページテンプレートの表示を確認できます。
    • Mobile: モバイルブラウザで開いたときのランディングページテンプレートの表示を確認できます。
  • 全画面表示: テンプレートを全画面で表示および編集できます。

ステップ 3: URL と設定

このステップには次のセクションがあります。
  • URL details
  • Specify Meta tags
  • Add scripts
Image 12-11-24 at 3.34 PM.jpeg

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 Settings の Custom domain ページにある Landing pages タブにリダイレクトされます。 Image 13-11-24 at 10.20 AM.jpeg
  2. ランディングページには複数のカスタムドメインを追加できます。ランディングページのカスタムドメインを設定するには、次の手順を実行します。
    1. + Add custom domain をクリックします。Add custom domain ダイアログボックスが表示されます。
    2. 前提条件に従って、カスタムドメインが検証済みであることを確認します。 Image 13-11-24 at 10.24 AM.jpeg
    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 )をクリックして、デフォルトに設定するか削除します。
    カスタムドメインを削除すると、削除されたカスタムドメインを使用しているアクティブなページは、新しいデフォルトのカスタムドメインにフォールバックします。

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

ランディングページの URL のうち、サブドメイン以降の部分をカスタマイズできます。ランディングページやそのページの特定のコンテンツに対応するように変更できます。パスは一意である必要があります。 カスタムドメインの設定とトラブルシューティングの詳細については、カスタムドメインの設定を参照してください。

メタタグの指定

メタタグは、Web ページのコンテンツの概要を示す短いテキストです。特に検索エンジン最適化(SEO)など多くの用途があり、ソーシャルメディアでの共有を最適化し、ユーザーエクスペリエンスを向上させます。 このセクションに次の詳細を入力します。
  1. Meta tag title: メタタグのタイトルを入力します。このタイトルはランディングページの見出しとして機能し、リンクがいずれかのプラットフォームで共有されるたびに表示されます。
  2. Meta tag description: ランディングページの内容を簡潔にまとめた概要を入力します。
  3. Favicon: ランディングページのファビコンをアップロードします。ファビコンは、ランディングページに関連付けられた小さなアイコンで、ブラウザのタブ内に表示されます。ファビコンを追加するには、コンピューターから画像をドラッグ&ドロップするか参照してアップロードします。
    使用できるファイル形式は JPG、JPEG、PNG、ICO で、最大サイズは 5 MB です。
Image 13-11-24 at 10.57 AM.jpeg

スクリプトの追加

このセクションでは、ランディングページのコンテンツに不可欠なスクリプトを埋め込むことができます。これらのスクリプトは、ページの head タグの一部になります。たとえば、Google Analytics を埋め込んでランディングページのパフォーマンスを測定できます。 Image 13-11-24 at 2.13 PM.jpeg これでランディングページを公開する準備ができました。Publish をクリックし、ダイアログボックスで確定してランディングページを公開します。 ランディングページを下書きとして保存し、後で編集することもできます。これを行うには、ページ右上の Save アイコンをクリックします。

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

作成したランディングページにアクセスして表示するには、次の手順を実行します。
  1. MoEngage のサイドバーメニューで、Content メニュー項目 Screenshot 2025-06-13 at 5.46.58 PM.png にカーソルを合わせます。Content メニューが表示されます。
  2. Landing Pages をクリックします。 Screenshot 2025-06-13 at 5.49.51 PM.png Landing pages ページが表示されます。 Screenshot 2024-11-21 at 11.33.45 AM.jpeg
  3. このページでは、次の操作を行えます。
    • ランディングページのステータスを確認する。
    • ページの URL をコピーする。
    • ページの最終更新日などの詳細を表示する。
    • 合計閲覧数を確認する。
    • クリック数を確認する。
    • クリック率(CTR)を確認する。
  4. ページを Edit、Duplicate、または Archive することもできます。これらのオプションは、作成したランディングページの最終列にある省略記号 Actions Button.png をクリックすると表示されます。アーカイブされたページを開くと 404 メッセージが表示されることに注意してください。 Image 22-11-24 at 9.16 AM.jpeg

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

ランディングページの作成後、次の項目を編集できます。
  • 名前
  • タグ
  • テンプレート
  • メタタグ
  • スクリプト
ランディングページの作成後は、ドメイン名とランディングページのパスを編集することはできません。

次のステップ