シングルページアプリケーションの作成 web-author-spas

ビューについて about-views

シングルページアプリケーション(SPA)を web デザイナーのビジュアルエディターで作成できるようになりました。これにより、web ページの変更を適用する特定の​ ビュー ​を選択できます。

このビデオでシングルページアプリケーションの作成方法を学ぶ

ビューは、サイト全体またはサイト上のビジュアル要素のグループ(ホームページ、製品サイト全体、すべてのチェックアウトページの配信設定フレームなど)として定義できます。

Adobe Experience Platform Web SDK 実装でビューを定義するには、1 回限りの開発者設定が必要です。これにより、SPA 上で Adobe Journey Optimizer web キャンペーンを作成し、実行できます。

Web SDK 実装でのビューの定義 define-views

XDM ビューを Adobe Journey Optimizer で活用すると、マーケターは web ビジュアルエディターを使用して、SPA 上で web パーソナライゼーションおよび実験キャンペーンを実行できます。詳細情報

Journey Optimizer ユーザーインターフェイスでビューにアクセスして、ビューを作成できるようにするには、こちらの節に記載されている手順に従うようにしてください。

Web デザイナーでビューの確認 discover-views

Adobe Experience Platform Web SDK の実装で SPA の設定が完了したら、変更を適用する web サイトのすべてのビューに移動する必要があります。次の手順に従います。

  1. Web キャンペーンを作成して、web デザイナーにアクセスします。

    現在表示中のビューは左上に表示されます。

  2. 参照 ​モードにスワップします。詳細情報

  3. Web サイトの様々なページ間を移動し、それらすべてを確認します。上部に表示されるビュー名は、別のページを閲覧する際に変更されます。

他のビューへの変更の適用 apply-modifications-views

特定のビューで変更を追加した後は、選択した他のビューに適用できます。次の手順に従います。

CAUTION
参照 ​モードを使用してビューが見つからない場合は、変更を適用するために選択することはできません。詳細情報
  1. 変更 ​アイコンを選択して、対応するパネルを左側に表示します。

  2. 変更を選択し、その横にある「その他のアクション」ボタンをクリックします。「他のビューに適用」を選択します。

  3. 変更を適用するビューを選択します。

  4. 適用」をクリックします。

  5. 参照 ​モードにスワップして、目的のページに変更が適用されていることを確認します。

チュートリアルビデオ video

このビデオでは、次の方法を説明します。

  • 参照 ​モードを使用して SPA ビューを見つける
  • 現在のビューでのオーサリングを実行
  • 複数のビューまたは検出されたすべてのビューに web サイトの変更を適用する
  • 変更に対する一括アクションを実行
recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76