ランディングページを作成する

アーリーアクセス

これは早期アクセス機能です。アカウントを有効にするには、CSMに連絡するか、 サポートチケットを提出してください

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

  1. MoEngageのサイドバーメニューで、 コンテンツ メニュー項目にカーソルを合わせます content icon.png コンテンツ メニューが表示されます。
  2. ランディングページ 」をクリックします。

    ランディングページが表示されます。
  3. クリックして ランディングページを作成 します。
    Screenshot 2025-06-13 at 5.52.41 PM.png

ランディングページを作成するための3つのステップがあります :

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

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

  • ランディングページ名: ランディングページを特定して管理するために名前を入力してください。
  • ランディングページのタグ: タグリストからランディングページに適したタグを選択してください。

Image 05-12-24 at 9.51 AM.jpeg

ステップ2: コンテンツ

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

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

画像 21-11-24 午後5時59分.jpeg

空白テンプレート : 空白テンプレート にカーソルを合わせてクリックすると、ゼロからランディングページテンプレートを作成できます。 + アイコンをクリックしてエディターを開き、テンプレートに要素を追加します。詳細については、 ランディングページエディター を参照してください。

プリビルトテンプレート : あなたの要件を満たすさまざまな事前デザインされたテンプレートから選択できます。

以下は含まれているテンプレートのいくつかです:

  • リードキャプチャ
  • 調査とフィードバック
  • 製品発表
  • プロモーション & おすすめ
  • サブスクリプションカテゴリ管理

詳細については、 ランディングページテンプレート を参照してください。

ドラッグアンドドロップエディタ

お好みのテンプレートを読み込むと、テンプレートがランディングページエディターに読み込まれます。エディターが開いているときに、次のタスクを実行できます:

  • 要素を追加 : テンプレートに要素を追加するには、エディターの左ペインにある AddElement_Icon.png アイコンをクリックします。
  • スタイリングオプションの追加または編集 : 要素の右上隅にある Options.png アイコンをクリックして、希望のスタイリングを追加します。詳細については、 ランディングページエディタ .

  • テンプレートを変更する : 別のテンプレートに変更するには、省略記号をクリックします ellipsis.png アイコン、
    選択する テンプレートを変更して、 選択内容を確認します。その後、ランディングページ用の新しいテンプレートを選択できます。
  • パーソナライズ : ランディングページのコンテンツに、パーソナライズされたテキストや画像など、さまざまなパーソナライズオプションを追加できます。
    Screenshot 2024-12-05 at 10.32.04 AM.png

    詳細については、 パーソナライズランディングページ をご参照ください。

A/B テストとコホート

A/B テスト

A/B テストは、ランディングページの複数のバリエーションを互いに比較する実験的なセットアップであり、ランダムに選ばれたユーザーグループの一定の割合に送信します。これにより、どのランディングページがエンゲージメント指標を促進するのに優れているかを知ることができます。ランディングページ全体の複数のバリエーションを作成してテストし、それらの間でトラフィックを分配して、最もパフォーマンスが良いバージョンを特定することができます。詳細については、 こちら を参照してください。

バリエーションを作成するには、以下の手順を実行してください:

  1. コンテンツセクションで、右上隅の +A/Bテスト をクリックします。
  2. 新しい バリエーション を作成するにはクリックしてください。または、以前に作成したバリエーションをコピーするには コピー バリエーション をクリックしてください。最大で5つのバリエーションを作成できます。
    Screenshot 2025-04-04 at 11.49.15 AM.png
  3. バリエーションを作成した後、ユーザー分布をバリエーションに設定する必要があります。そのためには、 ユーザー分布 をクリックします。 ユーザー分布 ポップアップウィンドウが表示されます。
    Screenshot 2025-04-04 at 11.51.08 AM.png
  4. 実験の 目的 の欄に、実験の詳細を入力してください。
  5. バリエーション名を変更し、ランディングページを受け取るユーザーの割合を設定します。
    2025-04-04_12-04-29 (1).gif

ランディングページの分析に関する詳細については、 こちら を参照してください。

コホート

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

例えば、インドにはヒンディー語、中国にはマンダリン、デフォルトとして英語を表示する、ロケーションに基づいたランディングページを表示できます。 sport=running sport=boxing のようなクエリパラメータを使用し、ヒーロー画像や特集商品を変更し、デフォルトとして一般的なスポーツギアの表示を行います。プロモーションオファーを決定するための時間と日付の属性を使用し、月曜日の午前9時から午後5時の間に平日特別を表示し、土曜日/日曜日の週末アクティビティ、およびそれ以外の場合は標準オファーを表示します。

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

  1. コンテンツセクションで、 コホート をクリックします。
    Screenshot 2025-04-04 at 12.25.05 PM.png
  2. 新しい コホート をクリックします。 新しいコホートを追加 するポップアップウィンドウが表示されます。
    Screenshot 2025-04-04 at 1.17.12 PM.png
  3. In the Cohort name field, type the desired cohort name.
  4. セッション内属性 リストから、必要な属性を選択してください。セッション内属性を使用すると、ユーザーの現在のセッション内でのアクションに基づいてユーザーをグループ化し、ターゲットにすることができます。
  5. クリックして + セッション内属性 を追加します。複数の属性を そして / または を使用して組み合わせることができます。以下に示すように:
    2025-04-04_13-25-16 (1).gif
  6. 作成したコホートを保存するには、 後で使用するために保存 チェックボックスを選択してください。保存されたコホートは、追加の編集のためにコホートリストに表示されます。
  7. 属性を追加した後、 追加 をクリックします。 新しく追加されたコホートのコンテンツを選択 ポップアップウィンドウが表示されます。
  8. コホートコンテンツを選択する 」リストから、以下のオプションのいずれかを選択してください:
    1. 新しいコンテンツを作成 : あなたのコホートのために新しいランディングページのコンテンツを作成することができます。
    2. コホートデフォルトからコピー : 既存のコンテンツをあなたのコホートにコピーします。
      Screenshot 2025-04-04 at 1.39.18 PM.png
  9. クリックして 完了 を選択します。あなたのコホートは、コンテンツセクションのヘッダーに表示されるようになります。
    Screenshot 2025-04-04 at 1.40.29 PM.png
  10. 作成したコホートにアクセスするか、さらにコホートを追加するには、 + コホート をクリックしてください。ランディングページには、最大で5つのコホートを追加できます。

ランディングページのバリエーションやコホートのメトリクスを追跡するための詳細については、 こちら を参照してください。

テストとプレビュー

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

  • ランディングページのプレビュー : ランディングページのプレビュー アイコンをクリックして、ランディングページをプレビューします。次のオプションがあります:
    Screenshot 2024-12-05 at 10.40.00 AM.png
    • パーソナライズありのプレビュー : これにより、作成したランディングページをテストおよび表示することができます。
    • パーソナライズなしのプレビュー : これにより、パーソナライズされた属性なしで作成したランディングページが表示されます。ページの一般的なバージョンを確認でき、すべての要素が意図した通りに配置され、表示されていることを確認できます。
  • プラットフォームビューを変更する : Cli ck the PreviewOptions.png アイコンを左パネルでクリックして、テンプレートをプレビューします。次のプラットフォームオプションがあります:
    • デスクトップ : このオプションは、ランディングページテンプレートがデスクトップブラウザーで開かれたときの表示を示します。
    • タブレット : このオプションは、ランディングページテンプレートがタブレットブラウザーで開かれたときの表示を示します。
    • モバイル : このオプションは、ランディングページテンプレートがモバイルブラウザーで開かれたときの表示を示します。
  • フルスクリーンで表示 : テンプレートをフルスクリーンで表示および編集できます。

ステップ 3: URL と設定

このステップには以下のセクションがあります:

  • URLの詳細
  • メタタグを指定してください
  • スクリプトの追加

画像 12-11-24 午後3時34分.jpeg

URLの詳細

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

  • ドメイン名 : ランディングページのためのドメイン名を選択してください。一般的なドメイン名またはカスタムドメイン名を選択できます。
  • ランディングページのパス : ランディングページのパスを入力してください。

ドメイン名

ドメイン名は以下の方法で設定できます:

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

カスタムドメインを追加

  1. + カスタムドメインを追加 」を ドメイン名 リストでクリックします。
    画像 12-11-24 午後4時01分.jpeg
    設定 」の下にあるカスタムドメインページの ランディングページ タブにリダイレクトされます。
    画像 13-11-24 午前10時20分.jpeg
  2. ランディングページ用に複数のカスタムドメインを追加できます。カスタムドメインをランディングページ用に設定するには、以下の手順を実行してください:
    1. + カスタムドメインを追加 をクリックします。カスタムドメインの追加ダイアログボックスが表示されます。
    2. カスタムドメインが確認されていることを確認するための前提条件に従ってください。
      画像 13-11-24 午前10時24分.jpeg
    3. カスタムドメイン名 ボックスにカスタムドメイン名を入力します。
    4. このドメインをデフォルトドメインとして使用する場合は、 このドメインをデフォルトとしてマーク チェックボックスを選択します。
    5. 前提条件が満たされていることを認識するために、 前提条件が満たされていることを認識します チェックボックスを選択します。
    6. 確認して保存 をクリックして、カスタムドメインを確認して保存します。カスタムドメインは、カスタムドメインページに「確認済み」タグ付きで表示されます。
  3. カスタムドメインのいずれかの隣にある3点リーダーアイコン ( ellipsis.png ) をクリックして、デフォルトとしてマークするか削除します。
    情報

    情報

    カスタムドメインを削除すると、削除されたカスタムドメインを使用しているアクティブなページは、新しいデフォルトのカスタムドメインに戻ります

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

ランディングページのサブドメインを超えて、URLセクションをカスタマイズできます。それをランディングページやそれぞれのページの特定のコンテンツに対応するように変更できます。パスが一意であることを確認してください。

カスタムドメインの設定とトラブルシューティングに関する詳細については、 カスタムドメインの設定 を参照してください。

メタタグを指定する

メタタグは、ウェブページのコンテンツの概要を提供するテキストの一部です。彼らは多くの用途があり、特に検索エンジン最適化(SEO)において、ソーシャルメディアの共有を最適化し、ユーザーエクスペリエンスを向上させます。

このセクションに次の詳細を入力してください:

  1. メタタグタイトル : メタタグタイトルを入力してください。このタイトルは、ランディングページの見出しとして機能し、リンクが任意のプラットフォームで共有されるときに表示されます。
  2. メタタグの説明 : ランディングページの簡潔な概要を入力し、その内容の簡潔なアウトラインを提供します。
  3. ファビコン : ランディングページ用のファビコンをアップロードします。ファビコンは、ブラウザのタブ内に表示されるランディングページに関連付けられた小さなアイコンです。ファビコンを追加するには、画像をドラッグアンドドロップするか、コンピュータからブラウズしてアップロードします。
    情報

    情報

    受け入れられるファイル形式はJPG、JPEG、PNG、およびICOで、最大サイズ制限は5MBです。

画像 13-11-24 午前10時57分.jpeg

Add Scripts

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

画像 13-11-24 午後2時13分.jpeg

あなたのランディングページは今、公開の準備が整いました。クリックして 公開 を選択し、ダイアログボックスで確認してランディングページを公開します。

ランディングページをドラフトとして保存し、後で編集することもできます。それを行うには、ページの右上隅にある 保存 アイコンをクリックしてください。

ランディングページにアクセスする

作成されたランディングページにアクセスして表示するには:

  1. MoEngageのサイドバーメニューで、 コンテンツ メニュー項目の上にカーソルを合わせます Screenshot 2025-06-13 at 5.46.58 PM.png コンテンツ メニューが表示されます。
  2. クリックして ランディングページ を選択します。
    Screenshot 2025-06-13 at 5.49.51 PM.png
    ランディングページが表示されます。
    Screenshot 2024-11-21 at 11.33.45 AM.jpeg
  3. このページでは、次のタスクを実行できます:
    • ランディングページのステータスを確認します。
    • ページのURLをコピーします。
    • ページの最終更新日などの詳細を表示します。
    • 総ビュー数を確認します。
    • クリック数を確認します。
    • クリック率(CTR)を確認します。
  4. ページを 編集 複製 、または アーカイブ することもできます。これらのオプションは、作成したランディングページの最終列にある三点リーダー Actions Button.png をクリックすることで見つけることができます。アーカイブされたページを開くと、404メッセージが表示されることに注意してください。
    画像 22-11-24 午前9時16分.jpeg

ランディングページを編集する

ランディングページを作成した後、以下を編集できます:

  • 名前
  • タグ
  • テンプレート
  • メタタグ
  • スクリプト
情報

情報

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

次のステップ

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

How can we improve this article?