Roktのインストール
Rokt Web SDKをページに追加する
Payments Marketplaceの配置を実装するために、表示させたいページにRokt Web SDKを統合してください。この統合は、直接ページ上に行うか、タグマネージャーソリューションを介して行うことができます。
Payments Marketplaceの配置は、Rokt Web SDKの最新バージョンとのみ互換性があります。ページが最新バージョンに更新されていることを確認するために、アカウントマネージャーと連携してください。
イベントリスナー
イベントベースの統合では、ロードされた配置を取得し、それらが発生するイベントをリッスンすることができます。
選択プロセスでは、Selection.onというメソッドを公開しており、選択内の任意の配置が発生するイベントにサブスクライブすることができます。また、Selection.getPlacementsメソッドから返されるプロミスから各配置に個別にサブスクライブすることもできます。このメソッドは、選択プロセスが終了し、配置がページにロードされる前に配置が解決されます。
Roktは、以下のイベントタイプをサポートしており、ユーザーはPayments Marketplaceの配置に対してサブスクライブすることができます:
イベントタイトル | 定義 |
---|---|
POSITIVE_ENGAGEMENT | ユーザーがオファーやカタログアイテムと積極的に関わっていることを示します。 |
PLACEMENT_INTERACTIVE | 配置がレンダリングされ、インタラクティブになった瞬間を示します。 |
Roktの埋め込み
これで、ウェブサイト上にRoktの配置を表示する準備が整いました。 Roktの配置を初期化するには、Roktの配置が表示されるページのbodyに以下のコードを挿入してください。オファーのコンテキストを最適化するために、チェックアウトページの支払いオプションの下にRoktの配置を配置することをおすすめします。
<div id="rokt-placeholder"></div>
ページに複数のコンテナを追加する
Roktは、しばしばページの複数の場所に配置を表示する実験を行いたいと考えています。そのため、配置が表示される場所に追加の一意のdiv要素を含めるようにお願いします。各要素の命名は柔軟ですが、識別できる方法を含めることをおすすめします。
<div id="rokt-above-payment"></div>
<div id="rokt-below-payment"></div>
Rokt UXがサイトで迅速に読み込まれ、お客様に最適な体験を提供するために、当社の統合のベストプラクティスに従ってください。
Roktの配置を表示する
Rokt Web SDKは、エンドカスタマーのためにRoktの配置をレンダリングします。これがページ上に表示されるものです: