メインコンテンツまでスキップ

ページタイプ

Rokt Ecommerceでサポートされているページ

この表は、Rokt Ecommerceでサポートされている一般的なページタイプと、それぞれのページタイプがトランザクション(Transactional)か非トランザクション(Non-transactional)かを示しています。

ページタイプトランザクションまたは非トランザクションカートステータス
Product selectionトランザクションIn-cart
UpsellトランザクションIn-cart
Customer detailsトランザクションIn-cart
ShippingトランザクションIn-cart
Payment detailsトランザクションIn-cart
Cart reviewトランザクションIn-cart
ConfirmationトランザクションPost-cart
Booking details非トランザクションPost-cart
Landing page非トランザクションNon-cart
Enquiry form非トランザクションNon-cart

ページバリアント

バリアントは、_ページ_上で一緒に表示されるべきレイアウトのグループです。多くのバリアントは、確認ページに表示される標準の自動起動オーバーレイウィジェットを含む1つのレイアウトのみを保持します。複数のレイアウトが存在する場合、バリアントは通常1つのオーバーレイレイアウトと少なくとも1つの埋め込みレイアウトを保持しますが、ページに表示されるべきレイアウトの任意の組み合わせを含むことができます。

ページバリアントにレイアウトを追加する際に知っておくべき情報は3つあります:

  • どのレイアウトを表示するか?(アカウント内の利用可能なレイアウトのリストから選択)
  • いつレイアウトを表示するか?(アクティベーションイベント)
  • どこにレイアウトを表示するか?(ターゲット要素)

この情報は、レイアウトをレンダリングし、ユーザーがページを保存できるようにするために必要です。ページバリアントを構築する際のルールは2つあります:

  • 自動的にロードされる1つのオーバーレイレイアウトに制限されています。顧客に対して2つのオーバーレイレイアウトを同時に表示することは避けたいです。
  • 埋め込みレイアウトは、バリアント内で同じターゲット要素を持つことができません

ターゲット要素とは何ですか?

ターゲット要素は、ページ上でRoktコンテンツを表示したい場所を定義します。これはHTML要素にレイアウトをアンカーすることで実現します。レイアウトは、CSSセレクタがページバリアント設定で定義されたセレクタと一致する場所にページ上でレンダリングされます。レイアウトをページにリンクする際に要素を定義するか、RoktがサイトにRoktタグを統合する際にプレースホルダーとして提案するデフォルトの要素IDを実装することができます。

ターゲット要素は、ページが読み込まれると自動的に起動するオーバーレイレイアウトにおいてはオプションのフィールドです。レイアウトはページ全体に読み込まれるため、パートナーのページ上の特定の要素にアンカーする必要はありません。

アクティベーションイベントとは何ですか?

アクティベーションイベントは、ページ上でRoktコンテンツを表示したいタイミングを決定するために使用されます。Roktが提供するアクティベーションイベントのオプションはいくつかあります:

現在、2つのアクティベーションイベントをサポートしています:

  • 自動的にアクティベート - ページが読み込まれるとレイアウトが自動的にアクティベートされます。
  • 手動でアクティベート - パートナーがパートナーのページでrokt.activate()関数を呼び出すまでレイアウトはアクティベートされません。

各ページバリアントごとに個別のレイアウトに対してアクティベーションイベントタイプを選択します。単一のレイアウトは、選択されたページバリアントに応じて異なるアクティベーションイベントを持つことができます。例えば、パートナーは確認ページでオーバーレイレイアウトを自動的に読み込みたいが、同じレイアウトを予約詳細ページでは手動で起動したいと考えるかもしれません。

この記事は役に立ちましたか?