コンテンツのゼロからのデザイン

Adobe Journey Optimizer Designer を使用して、コンテンツの構造を簡単に定義できます。単純なドラッグ＆ドロップ操作で構造要素を追加したり移動したりして、コンテンツの形を数秒でデザインすることができます。

コンテンツの作成を開始するには、次の手順に従います。

1. デザイナーのホームページで、「ゼロからデザイン」オプションを選択します。

   

2. 構造​をキャンバスにドラッグ＆ドロップしてコンテンツのデザインを開始し、メールのレイアウトを定義します。

   メモ

   列の積み重ねは、すべてのメールプログラムと互換性があるわけではありません。サポートされていない場合、列は積み重ねられません。

3. 必要に応じて​構造​を追加し、右側の専用パネルで設定を編集します。

   

   「n:n 列」コンポーネントを選択して、列数（3～10）を任意に定義します。各列の下部にある矢印を動かして、各列の幅を定義することもできます。

   メモ

   各列のサイズを構造コンポーネントの全幅の 10％未満にすることはできません。空でない列は削除できません。

4. 「コンテンツ」セクションを展開し、必要な数の要素を 1 つ以上の構造コンポーネントに追加します。詳しくは、コンテンツコンポーネントを参照してください

5. 各コンポーネントは、右側のメニューの「設定」タブまたは「スタイル」タブを使用してさらにカスタマイズできます。例えば、コンポーネントのテキストスタイル、パディングまたは余白を変更できます。詳しくは、整列とパディングを参照してください

   

6. アセットピッカー​から、Assets ライブラリ​に保存されたアセットを直接選択できます。詳しくは、アセット管理を参照してください

   アセットを含むフォルダーをダブルクリックします。それらを構造コンポーネントにドラッグ＆ドロップします。

   

7. パーソナライゼーションフィールドを挿入して、プロファイル属性、オーディエンスメンバーシップ、コンテキスト属性などからコンテンツをカスタマイズします。詳しくは、コンテンツのパーソナライゼーションを参照してください

   

8. 「条件付きコンテンツを有効にする」をクリックし、動的コンテンツを追加して、条件付きルールに基づいてコンテンツをターゲットプロファイルに適応させます。動的コンテンツの基本を学ぶ

   

9. 左側のペインから「リンク」タブをクリックし、トラッキングするコンテンツのすべての URL を表示します。必要に応じて、トラッキングタイプ、ラベル​を変更して、タグ​を追加できます。詳しくは、リンクとトラッキングを参照してください

   

10. 必要に応じて、詳細メニューの「コードエディターに切り替え」をクリックしてコードエディターに切り替え、メールをさらにパーソナライズできます。これにより、例えばトラッキングタグやカスタム HTML タグを追加するために、メールソースコードを編集できます。詳しくは、コードエディターを参照してください

    注意

    コードエディターに切り替えた後で、このメールのビジュアルデザイナーに戻すことはできません。

11. コンテンツの準備が整ったら、「コンテンツをシミュレート」ボタンをクリックしてレンダリングを確認します。デスクトップまたはモバイル表示を選択できます。テストプロファイルの選択およびコンテンツのプレビュー方法について詳しくは、コンテンツ管理の節を参照してください。

    

12. コンテンツの準備が整ったら、「保存」をクリックします。