ランディングページの作成 creating-a-landing-page

Last update: Fri Jul 19 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

トピック：
ランディングページ

ランディングページの作成について about-landing-pages-creation

この使用例では、Adobe Campaign コンソールからランディングページを作成するためのデジタルコンテンツエディターの使用方法を示します。

Adobe Campaign でランディングページの設定を開始する前に、HTML ページに表示する 1 つ以上のテンプレート があることを確認します。

この使用例の主な目的は、DCE の機能を使用して、ランディングページフォームフィールドを Adobe Campaign の内部フィールドに対応させることです。

ランディングページの作成 creating-the-landing-page

新しいランディングページタイプの Web アプリケーションを作成するには、次の手順を実行します。

「キャンペーン」タブに移動し、「Web アプリケーション」リンクをクリックして、「作成」ボタンをクリックします。
新しいランディングページ テンプレートを選択して、ラベルを入力し、「保存」をクリックします。
「編集」タブをクリックします。
終了アクティビティを削除します。
「ストレージ」アクティビティの後に「ページ」アクティビティを追加します。
ページ 2 アクティビティを編集してから、「プロパティ」タブの「アウトバウンドトランジションを有効にする」オプションのチェックをオフにします。
変更を保存します。

その後は、次の順番になります。

NOTE

Web アプリケーションの作成について詳しくは、この節を参照してください。

手順 1 - テンプレートの選択と読み込み step-1---selecting-and-loading-templates

ここでは、Web アプリケーションの各ページの HTML コンテンツのインポート 方法について見ていきます。

テンプレートには、次が含まれている必要があります。

HTML ファイル（必須）
1 つ以上の CSS ファイル（オプション）
1 つ以上の画像（オプション）

テンプレートを最初のページに読み込むには、次の手順に従います。

Web アプリケーションの最初の ページ アクティビティを開きます。
「ファイルから」を選択し、コンテンツテンプレートを取得します。
使用する HTML ファイルを選択します。

「開く」をクリックしてインポートを開始します。

読み込み中、共有ファイルのリストが表示されます。インポートシステムは、選択した HTML にリンクされたすべてのファイル（CSS、画像など）があることを確認します。

インポートが終了したら、「閉じる」ボタンをクリックします。

note caution
CAUTION
閉じる前に、「外部リソースのパブリッシュに成功しました。」というメッセージが表示されるまで待たなければなりません。

「プロパティ」タブをクリックします。
各ページの ラベル を入力します（例：1 ページ目 = 収集、2 ページ目 = ありがとうございます）。

Web アプリケーションに挿入された各ページについて、これらの手順を適用します。

CAUTION

DCE は、読み込んだ HTML ページの JavaScript を実行します。 HTML テンプレートの JavaScript エラーは、Adobe Campaign インターフェイスに表示されることがあります。これらのエラーは、エディターとは関係ありません。インポートしたファイルにエラーがないことを確認するには、ファイルを DCE にインポートする前に web ブラウザーでテストすることをお勧めします。