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

ビューについて about-views

シングルページアプリケーション(SPA)を web designer のビジュアルエディターで作成できるようになりました。 これにより、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 designer でビューの確認 discover-views

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

  1. Web ジャーニーまたはキャンペーンを作成して、web designer にアクセスします。

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

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

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

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

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

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

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

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

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

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

チュートリアルビデオ video

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

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