段階的なヘッドレスロールアウト用の Einstein 活動

Reports & Dashboards のアナリティクスは、SFRA または SiteGenesis に自動的に含まれる Web アダプターのログ、または Einstein Activities API からのみ取得できます。

一部のサイト要素で PWA Kit を利用し、その他の要素では SFRA または SiteGenesis を利用する段階的なヘッドレスロールアウトを希望しており、サイト全体で Reports & Dashboards を使用したい場合は、Einstein Activities API を使用するために SFRA 実装を更新する必要があります。

このガイドでは、SFRA の注文手続きに Einstein Activities API を実装する方法を説明します。

提供されているコード例を統合する場合はよく注意を払い、本番環境にプッシュする前に必ずコードを徹底的にテストしてください。

既存のコードに追加される行には加算 (+) 記号が付けられ、削除される行には減算 (-) 記号が付けられています。

まず注文手続きコントローラーを更新して、現在の買い物カゴ ID を含めます。

注文手続きに使用される ISML テンプレートを更新します。この変更により、買い物カゴ ID、項目、合計がブラウザー上で利用できるようになります。

ヘルパー関数を含む js/einsteinHelpers.js という名前の JavaScript ファイルを作成します。

プレースホルダー <YOUR_SITE_ID><YOUR_CLIENT_ID> を必ず実際の値に置き換えてください。

checkout.js のスクリプトを更新してアクティビティを記録します。この呼び出しを注文手続きスクリプトの先頭の require() に追加する必要があり、既存のインポートの後に表示しなければなりません。

注文手続きコードの initialize 関数の末尾に beginCheckout アクティビティをトリガーします。

このアクティビティは、注文手続き時のページの読み込みごとに 1 回のみトリガーされます。アクティビティデータの準備は自動的に処理されます。

注文手続きのステージが変更されたときに checkoutStep アクティビティをトリガーします。次のコードを updateUrl メソッドに付加します。

updateUrl メソッドで checkoutStep のアクティビティをトリガーすると、ある注文手続きのステージから次の (または前の) ステージへの移行が確実に追跡されます。

これで完了です。注文手続き用の Einstein 活動が正常に実装されました。