マニュアル キャンセル

パーソナライズされた電子メールキャンペーンの作成

  1. Dreamweaver ユーザーガイド
  2. はじめに
    1. レスポンシブ web デザインの基本
    2. Dreamweaver の新機能
    3. Dreamweaver を使用した web 開発 - 概要
    4. Dreamweaver / よくある質問
    5. キーボードショートカット
    6. Dreamweaver の必要システム構成
    7. 機能の概要
  3. Dreamweaver と Creative Cloud
    1. Dreamweaver 設定と Creative Cloud の同期
    2. Dreamweaver での Creative Cloud ライブラリ
    3. Dreamweaver での Photoshop ファイルの使用
    4. Adobe Animate と Dreamweaver の操作
    5. ライブラリから web 用に最適化された SVG ファイルを抽出する
  4. Dreamweaver のワークスペースとビュー
    1. Dreamweaver ワークスペース
    2. ビジュアル開発のための Dreamweaver ワークスペースの最適化
    3. ファイル名またはコンテンツに基づいたファイルの検索 | Mac OS
  5. サイトの設定
    1. Dreamweaver サイトについて
    2. ローカルバージョンのサイトの設定
    3. Publishing server への接続
    4. テストサーバーの設定
    5. Dreamweaver サイトの設定の読み込みおよび書き出し
    6. リモートサーバーからローカルサイトのルートに既存の web サイトを取り込む
    7. Dreamweaver のアクセシビリティ機能
    8. 詳細設定
    9. ファイル転送に関するサイト環境設定の設定
    10. Dreamweaver でのプロキシサーバー設定の指定
    11. Dreamweaver 設定と Creative Cloud の同期
    12. Dreamweaver での Git の使用
  6. ファイルの管理
    1. ファイルの作成およびオープン
    2. ファイルとフォルダーの管理
    3. サーバーからのファイルの取得とサーバーへのファイルの送信
    4. ファイルのチェックインとチェックアウト
    5. ファイルの同期
    6. ファイルの違いの比較
    7. Dreamweaver サイト内のファイルおよびフォルダーのクローク
    8. Dreamweaver サイトでのデザインノートの有効化
    9. Gatekeeper の脆弱性の悪用を防ぐ
  7. レイアウトとデザイン
    1. レイアウト用ビジュアルエイドの使用
    2. CSS を使用したページのレイアウトについて
    3. Bootstrap を使用したレスポンシブな web サイトのデザイン
    4. Dreamweaver でのメディアクエリーの作成と使用
    5. テーブルを使用したコンテンツの表示
    6. カラー
    7. 可変グリッドレイアウトによるレスポンシブデザイン
    8. Dreamweaver 内の Extract
  8. CSS
    1. カスケーディングスタイルシートについて
    2. CSS デザイナーを使用したページのレイアウト
    3. Dreamweaver での CSS プリプロセッサーの使用
    4. Dreamweaver で CSS スタイルの環境設定を行う方法
    5. Dreamweaver での CSS ルールの移動
    6. Dreamweaver でのインライン CSS の CSS ルールへの変換
    7. Div タグの操作
    8. 背景へのグラデーションの適用
    9. Dreamweaver での CSS3 移行効果の作成および編集
    10. コードのフォーマット
  9. ページコンテンツとアセット
    1. ページプロパティの設定
    2. CSS 見出しプロパティおよび CSS リンクプロパティの設定
    3. テキストの操作
    4. テキスト、タグ、属性の検索と置換
    5. DOM パネル
    6. ライブビューでの編集
    7. Dreamweaver でのドキュメントのエンコード
    8. ドキュメントウィンドウでのエレメントの選択および表示
    9. プロパティインスペクターでのテキストプロパティの設定
    10. web ページのスペルチェック
    11. Dreamweaver での区切り線の使用
    12. Dreamweaver でのフォントの組み合わせの追加と変更
    13. アセットを使用した作業
    14. Dreamweaver での日付の挿入と更新
    15. Dreamweaver でのお気に入りアセットの作成と管理
    16. Dreamweaver でのイメージの挿入と編集
    17. メディアオブジェクトの追加
    18. Dreamweaver でのビデオの追加
    19. HTML5 ビデオの挿入
    20. SWF ファイルの挿入
    21. オーディオエフェクトの追加
    22. Dreamweaver での HTML5 オーディオの挿入
    23. ライブラリ項目の操作
    24. Dreamweaver でのアラビア語およびヘブライ語のテキストの使用
  10. リンクおよびナビゲーション
    1. リンクおよびナビゲーションについて
    2. リンク
    3. イメージマップ
    4. リンクのトラブルシューティング
  11. jQuery Widget と効果
    1. Dreamweaver での jQuery UI Widget と Mobile Widget の使用
    2. Dreamweaver での jQuery 効果の使用
  12. web サイトのコーディング
    1. Dreamweaver でのコーディングについて
    2. Dreamweaver のコーディング環境
    3. コーディングの環境設定
    4. コードカラーリングのカスタマイズ
    5. コードの記述と編集
    6. コードヒントとコード補完機能
    7. コードの折りたたみと展開
    8. スニペットでコードを再利用する
    9. 構文チェックコード
    10. コードの最適化
    11. デザインビューでのコードの編集
    12. ページのヘッドコンテンツの操作
    13. Dreamweaver でのサーバーサイドインクルードの挿入
    14. Dreamweaver でのタグライブラリの使用
    15. Dreamweaver へのカスタムタグの読み込み
    16. JavaScript ビヘイビアーの使用(基本操作)
    17. JavaScript に組み込まれているビヘイビアーの適用
    18. XML および XSLT について
    19. Dreamweaver でのサーバーサイド XSL 変換の実行
    20. Dreamweaver でのクライアントサイド XSL 変換の実行
    21. Dreamweaver での XSLT の文字エンティティの追加
    22. コードのフォーマット
  13. 製品間ワークフロー
    1. Dreamweaver への拡張機能のインストールと使用
    2. Dreamweaver のアプリ内アップデート
    3. Dreamweaver での Microsoft Office 文書の挿入(Windows のみ)
    4. Fireworks および Dreamweaver による作業
    5. Contribute を使用した Dreamweaver サイトでのコンテンツの編集
    6. Dreamweaver と Business Catalyst の統合
    7. パーソナライズされた電子メールキャンペーンの作成
  14. テンプレート
    1. Dreamweaver テンプレートについて
    2. テンプレートおよびテンプレートから作成されたドキュメントの認識
    3. Dreamweaver テンプレートの作成
    4. テンプレート編集可能領域の作成
    5. Dreamweaver でのリピート領域およびテーブルの作成
    6. テンプレートの任意の領域の使用
    7. Dreamweaver での編集可能なタグ属性の定義
    8. Dreamweaver でネストされたテンプレートを作成する方法
    9. テンプレートの編集、更新、削除
    10. Dreamweaver での xml コンテンツの書き出しおよび読み込み
    11. 既存のドキュメントでのテンプレートの適用または削除
    12. Dreamweaver テンプレートでのコンテンツの編集
    13. Dreamweaver でのテンプレートタグのシンタックスルール
    14. テンプレート領域のハイライト表示の環境設定
    15. Dreamweaver でテンプレートを使用する利点
  15. モバイルとマルチスクリーン
    1. メディアクエリーの作成
    2. モバイルデバイス向けのページ方向の変更
    3. Dreamweaver を使用したモバイルデバイス向けの web アプリの作成
  16. 動的サイト、ページおよび web フォーム
    1. web アプリケーションについて
    2. アプリケーション開発のためのコンピューター設定
    3. データベース接続のトラブルシューティング
    4. Dreamweaver での接続スクリプトの削除
    5. 動的ページのデザイン
    6. 動的コンテンツソースの概要
    7. 動的コンテンツのソースの定義
    8. ページへの動的コンテンツの追加
    9. Dreamweaver での動的コンテンツの変更
    10. データベースのレコードの表示
    11. Dreamweaver でのライブデータの入力とトラブルシューティング
    12. Dreamweaver でのカスタムサーバービヘイビアーの追加
    13. Dreamweaver を使用したフォームの作成
    14. フォームを使用したユーザーからの情報の収集
    15. Dreamweaver での ColdFusion フォームの作成と有効化
    16. web フォームの作成
    17. フォームエレメントの HTML5 サポート強化
    18. Dreamweaver を使用したフォームの開発
  17. アプリケーションのビジュアル開発
    1. Dreamweaver でのマスターページと詳細ページの作成
    2. 検索ページと結果ページの作成
    3. レコード挿入ページの作成
    4. Dreamweaver でのレコードの更新ページの作成
    5. Dreamweaver でのレコード削除ページの作成
    6. Dreamweaver での ASP コマンドによるデータベースの修正
    7. 登録ページの作成
    8. ログインページの作成
    9. 許可されたユーザーのみがアクセスできるページの作成
    10. Dreamweaver を使用した ColdFusion のフォルダーの保護
    11. Dreamweaver での ColdFusion コンポーネントの使用
  18. web サイトのテスト、プレビュー、パブリッシュ
    1. ページのプレビュー
    2. 複数のデバイスでの Dreamweaver web ページのプレビュー
    3. Dreamweaver サイトのテスト
  19. トラブルシューティング
    1. 修正された問題
    2. 既知の問題

 

 

Dreamweaver と Campaign を一緒に使用して、パーソナライズされた電子メールキャンペーンを作成・デザインします

Adobe Campaign は一般的に、電子メールマーケティングの自動化に使用します。Dreamweaver を Campaign と連携すると、Dreamweaver の電子メールデザイン機能と Adobe Marketing Cloud の Adobe Campaign のクロスチャネルマーケティング機能を統合できます。 

デザイナーは Dreamweaver 内でデザイン作業を進めつつ、Adobe Campaign からパーソナライズされたデータを Dreamweaver ユーザーインターフェイスに取り込んでより文脈に応じたデザインを実現することができます。

また、この統合は双方向であるため、Adobe Campaign ユーザーは Campaign インターフェイス内から Dreamweaver の編集機能にアクセスすることもできます。 

概要:

  • Adobe Dreamweaver と Adobe Campaign を併用して、Adobe Campaign に自動的に同期される電子メールを Dreamweaver で作成・デザインします。
  • また、Campaign インターフェイス内から Dreamweaver の編集機能にアクセスして、Adobe Campaign 内で作業を続けることもできます。

Dreamweaver 用 Campaign 拡張機能

Dreamweaver で Adobe Campaign 拡張機能を使用すると、パーソナライゼーションフィールドやコンテンツブロックをコンテンツに追加して、Dreamweaver で電子メールのコンテンツをパーソナライズできます。 

パーソナライズされたコンテンツの作成は、いくつかの簡単な手順に従ってすばやく開始できます。

  1. Campaign 拡張機能をインストールします。
  2. Campaign 拡張機能パネルを自在に操作する方法を理解します。
  3. Campaign 拡張機能パネル(ウィンドウ/Campaign)から、テンプレートにパーソナライゼーションフィールドとコンテンツブロックを追加します。
  4. コンテンツが Dreamweaver と Campaign 間で自動的に同期されます。
  5. Adobe Campaign から電子メールを受信者に送信します。

Campaign 拡張機能のインストール

  1. Windows/拡張機能/拡張機能を参照をクリックします。

    Adobe Creative Cloud アドオンページが表示されます。

  2. Adobe Creative Cloud アドオンページで、左側の Dreamweaver をクリックして Dreamweaver 固有のアドオンを表示するか、Adobe Campaign 統合アドオンを検索します。

  3. 画面に表示される指示に従ってアドオンをダウンロードします。

注意:

上記の手順に従って拡張機能をダウンロードしてインストールしたときに問題が発生した場合は、次の手順に従って拡張機能をインストールしてください:サードパーティ拡張機能のインストール

Dreamweaver での Adobe Campaign パネル

Dreamweaver と Adobe Campaign を併用するには、いくつかの方法があります。

  • Adobe Campaign コンテンツを Dreamweaver で使用して編集できます。 
  • Dreamweaver でコンテンツを作成し、そのコンテンツを Adobe Campaign から電子メール受信者に送信できます。

いずれのシナリオでも、Adobe Campaign パネルを使用して Dreamweaver 内でテンプレートを編集することができます。さらに、コンテンツへの変更は Campaign と Dreamweaver 間で自動的に同期されます。

Dreamweaver で Adobe Campaign パネルを使用する方法について詳しく説明します。

Campaign 拡張機能をインストールした後、ウィンドウ/Campaign を選択して、Adobe Campaign パネルを表示できます。

Dreamweaver で Adobe Campaign テンプレートを開く
Dreamweaver で Adobe Campaign テンプレートを開く

Adobe Campaign パネルには、次のオプションがあります。

  • ファイルを選択:このオプションは、Dreamweaver で作成されたテンプレートを開く場合に使用します。
  • 「現在のキャンペーンを使用」タブ:このオプションは、現在 Dreamweaver で開いているテンプレートがある場合に使用します。
  • ACS コンテンツを使用:このオプションは、Adobe Campaign から電子メールテンプレートを開いて、Dreamweaver で編集する場合に使用します。

Dreamweaver でテンプレートを開くと、Adobe Campaign パネルのパーソナライズフィールドとコンテンツブロックに情報が入力されます。

Adobe Campaign 拡張機能パネルのブロック
Adobe Campaign 拡張機能パネルのブロック

Adobe Campaign パネルは、次のブロックで構成されています。

  • パーソナライゼーションフィールド:送信メッセージのコンテンツをパーソナライズします(パーソナライゼーションフィールドなど)。電子メールコンテンツに挿入するフィールドでは、Adobe Campaign データベースからの情報が挿入される場所がマークされます。パーソナライゼーションフィールドについて詳しくは、Adobe Campaign ドキュメントのパーソナライゼーションフィールドの追加(英語)を参照してください。
  • コンテンツブロック:コンテンツブロックのフィールドを使用して、パーソナライズされたコンテンツを追加し、特定のレンダリングを指定します(電子メールの下部の登録解除リンクなど)。コンテンツブロックについて詳しくは、Adobe Campaign ドキュメントのコンテンツブロックの追加(英語)を参照してください。

Dreamweaver の Adobe Campaign 拡張機能のラベルと ID には、Adobe Campaign のテンプレートのラベルと ID が反映されています。

注意:

コンテンツブロックで使用できるブロックは、コンテキスト(電子メールまたはランディングページ)に応じて異なります。

Adobe Campaign と Dreamweaver の併用

Dreamweaver と Adobe Campaign を併用するには、いくつかの方法があります。

Dreamweaver で Adobe Campaign コンテンツを編集する

  1. Adobe Campaign で、新しい電子メールテンプレートを作成するか、編集する既存のテンプレートを選択して開きます。

  2. Dreamweaver でテンプレートを開くために、「Dreamweaver」をクリックし、Dreamweaver を起動することを確認します。

    Dreamweaver でテンプレートを開く
    Dreamweaver でテンプレートを開く

    テンプレートが Dreamweaver で開きます。

  3. Dreamweaver で、ウィンドウ/Campaign を選択して Adobe Campaign 拡張機能パネルを開きます。

    次に、「ACS コンテンツを使用」をクリックして、Dreamweaver で Campaign テンプレートを開きます。

  4. パーソナライゼーションフィールドと、使用するコンテンツブロックを追加します。

    追加したパーソナライゼーションフィールドまたはコンテンツブロックは、デザインビューまたはライブビューで黄色いボックスで表示されます。

    Dreamweaver のパーソナライゼーションフィールドとコンテンツブロック
    Dreamweaver のパーソナライゼーションフィールドとコンテンツブロック

  5. Dreamweaver で通常行うように、画像などのメディアコンテンツを追加します。 

    Dreamweaver ですべての変更が完了したら、Adobe Campaign に移動します。Dreamweaver で加えたすべての変更が、そのキャンペーンに反映されていることを確認できます。

  6. Adobe Campaign で、引き続きさらに変更を加えることができます。これらの変更はすべて、Dreamweaver で Campaign と同期されます。

    変更が完了したら、Adobe Campaign で「確認」をクリックし、「保存」をクリックします。すべての変更が保存され、Dreamweaver との同期接続が解除されます。

  7. 次に、完了した電子メールキャンペーンを Adobe Campaign から受信者に送信することもできます。

Dreamweaver でコンテンツを作成して Adobe Campaign にアップロードする

Dreamweaver で電子メールテンプレートを作成して、Campaign 拡張機能パネルを使用して、パーソナライゼーション、コンテンツブロックを追加し、テンプレートを Adobe Campaign と同期できます。

  1. Dreamweaver で電子メールキャンペーンの作成を開始するために、いずれかのスターターテンプレートを使用できます。ファイル/新規作成/スターターテンプレート/電子メールテンプレートを選択します。または、一から新しく作成することもできます。

    Dreamweaver のスターター電子メールテンプレート
    Dreamweaver のスターター電子メールテンプレート

  2. ニーズに合わせてテンプレートを編集します。

  3. すべての変更を行ったら、Dreamweaver を閉じて終了します。

  4. Adobe Campaign を開きます。Campaign で既存の電子メールテンプレートを開き、「Dreamweaver」をクリックします。

  5. Dreamweaver で、作成したテンプレートを開きます。ウィンドウ/Campaign を選択し、Adobe Campaign 拡張機能パネルを表示します。

    注意:

    テンプレートを Dreamweaver で開いていない場合は、「ファイルを選択」をクリックして、保存されたテンプレートを参照して開きます。

  6. Campaign パネルで、「現在のキャンペーンを使用」タブをクリックします。

    キャンペーンを開く前の Adobe Campaign 拡張機能パネル
    キャンペーンを開く前の Adobe Campaign 拡張機能パネル

    Adobe Campaign パーソナライゼーションフィールドとコンテンツブロックが Adobe Campaign 拡張機能パネルに表示されます。

    Adobe Campaign 拡張機能パネルのブロック
    Adobe Campaign 拡張機能パネルのブロック

  7. パーソナライゼーションフィールドと、使用するコンテンツブロックを追加します。

    追加したパーソナライゼーションフィールドまたはコンテンツブロックは、デザインビューまたはライブビューで黄色いボックスで表示されます。

    Dreamweaver のパーソナライゼーションフィールドとコンテンツブロック
    Dreamweaver のパーソナライゼーションフィールドとコンテンツブロック

    Dreamweaver ですべての変更が完了したら、Adobe Campaign に移動します。Dreamweaver で加えたすべての変更が、そのキャンペーンに反映されていることを確認できます。

  8. Adobe Campaign で、引き続きさらに変更を加えることができ、これらの変更はすべて Dreamweaver で Campaign と同期されます。

    変更が完了したら、Adobe Campaign で「確認」をクリックし、「保存」をクリックします。すべての変更が保存され、Dreamweaver との同期接続が解除されます。

  9. 次に、完了した電子メールキャンペーンを Adobe Campaign から受信者に送信することもできます。

 Adobe

ヘルプをすばやく簡単に入手

新規ユーザーの場合

Adobe MAX 2025

Adobe MAX Japan
クリエイターの祭典

2025 年 2 月 13 日
東京ビッグサイト