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

早期アクセス

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

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

  1. MoEngage ダッシュボードの左側のナビゲーションメニューで、 コンテンツ をクリックし、次に ランディングページ をクリックします。
  2. ランディングページのページで、 ランディングページを作成 をクリックします。

画像.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. コホート名 フィールドに、希望するコホート名を入力してください。
  4. セッション内属性 リストから、必要な属性を選択してください。セッション内属性を使用すると、ユーザーの現在のセッション内でのアクションに基づいてユーザーをグループ化し、ターゲットにすることができます。
  5. クリックして + セッション内属性 を追加します。
    複数の属性を And / Or を使用して組み合わせることができます。以下に示す通りです:
    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の詳細
  • メタタグを指定します
  • Add scripts

画像 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. 任意のカスタムドメインの隣にある省略記号アイコン ( ellipsis.png ) をクリックして、それをデフォルトとしてマークするか、削除します。
    info

    情報

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

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

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

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

メタタグを指定する

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

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

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

    情報

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

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

Add Scripts

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

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

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

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

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

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

  1. MoEngage ダッシュボードの左側のナビゲーションメニューで、 コンテンツ をクリックし、次に ランディングページ をクリックします。ランディングページのページが表示されます。
    Screenshot 2024-11-21 at 11.33.45 AM.jpeg
  2. このページでは、以下のタスクを実行できます:
    • ランディングページのステータスを確認します。
    • ページのURLをコピーします。
    • ページの最終更新日などの詳細を表示します。
    • 総ビュー数を確認します。
    • クリック数を確認します。
    • クリック率 (CTR) を確認します。
  3. あなたはまた 編集 , 複製 , または アーカイブ ページを行うことができます。 これらのオプションは、作成されたランディングページの最後の列にある三点リーダーをクリックすることで見つけることができます。 Actions Button.png アーカイブされたページを開くと404メッセージが表示されます。
    画像 22-11-24 午前9時16分.jpeg

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

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

  • 名前
  • タグ
  • Template
  • メタタグ
  • スクリプト
info

情報

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

次のステップ

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

How can we improve this article?