Personalization ユースケースの概要
Adobe Experience Platform web SDKを使用すると、web プロパティに対して様々なパーソナライゼーションのユースケースを可能にできます。 柔軟なアーキテクチャ(クライアントサイド、サーバーサイドおよびハイブリッド)をサポートするので、決定をリクエストし、サイトのニーズに合った方法でコンテンツをレンダリングできます。
パーソナライズされたコンテンツのレンダリング
Web SDKでは、パーソナライズ機能に関する決定(proposition とも呼ばれます)を取得し、それらをページ上でレンダリングするのに役立ちます。 レンダリングは非同期なので、コンテンツが適用される特定のタイミングを想定するのは避けてください。
受け取った提案項目に一致するパターンを選択します。
- DOM アクションの提案を自動的にレンダリング:Web SDKで自動的に適用できるセレクターとアクションタイプを含む
dom-actionアイテムが提案に含まれる場合に使用します。 詳しくは、DOM アクションの提案の自動的なレンダリング を参照してください。 - applyPropositions を使用して、セレクターを使用せずにHTML オファーをレンダリング:HTML コンテンツを受け取る場合に使用しますが、メタデータを使用して、コンテンツを適用する場所と方法(セレクター+ アクションタイプ)を指定する必要があります。 セレクターを使用しないHTML オファーのレンダリング を参照してください。
- 提案を手動でレンダリング:レンダリングロジックを完全に制御する必要がある場合(JSON からの UI の作成やカスタムのビジネスルールの適用など)に使用します。 提案を手動でレンダリング を参照してください。
TIP
これらのパターンは組み合わせることができます。 例えば、特定の決定範囲からコンテンツを手動でレンダリングしながら、自動 DOM アクションレンダリングを有効にすることもできます。
共通のコンパニオンのトピック
ほとんどのパーソナライゼーション実装には、次のような共通トピックが含まれます。
- ちらつきの防止 (任意):パーソナライゼーション中にコンテナを表示および非表示にします。 フリッカーの管理 を参照してください。
- 表示内容の追跡: レンダリングされたコンテンツの表示イベントを記録します。 表示イベントの管理 を参照してください。
- ページ上部の取得/ページ下部の指標:決定を早くリクエストしてから、後で測定を含めます。 ページイベントの上部と下部の設定 を参照してください。
Web SDKのサンプル
Adobeには、このフォルダー内のドキュメントページに加えて、参照可能なサンプルアプリケーションのリポジトリーがあります。 その他のパーソナライゼーションシナリオについて詳しくは、GitHub の web SDKのサンプル を参照してください。
- クライアントサイドのパーソナライゼーション
- サーバーサイドパーソナライゼーション
- ハイブリッドパーソナライゼーション
- 単一ページアプリケーションでのPersonalization
recommendation-more-help
1ae86b30-e55e-49c1-ab11-9d0356a5f3e1