ページタイプ
Rokt Ecommerce がサポートするページ
この表は、Rokt Ecommerce がサポートする一般的なページタイプと、それぞれのページタイプが取引的か非取引的かを示しています。
| ページタイプ | 取引または非取引 | カートの状態 |
|---|---|---|
| 商品選択 | 取引 | カート内 |
| アップセル | 取引 | カート内 |
| 顧客詳細 | 取引 | カート内 |
| 配送 | 取引 | カート内 |
| 支払い詳細 | 取引 | カート内 |
| カートレビュー | 取引 | カート内 |
| 確認 | 取引 | カート後 |
| 予約詳細 | 非取引 | カート後 |
| ランディングページ | 非取引 | 非カート |
| お問い合わせフォーム | 非取引 | 非カート |
ページのバリアント
バリアントは、ページ上に一緒に表示されるべきレイアウトのグループです。多くのバリアントは、確認ページに表示される標準の自動起動オーバーレイウィジェットのみを保持します。複数のレイアウトの世界では、バリアントは一般に1つのオーバーレイレイアウトと少なくとも1つの埋め込みレイアウトを保持しますが、ページに表示されるべきレイアウトの任意の組み合わせである可能性があります。
ページバリアントにレイアウトを追加する際に知っておくべき3つの情報があります:
- どのレイアウトを表示するか？ （アカウント内の利用可能なレイアウトのリストから選択）
- レイアウトをいつ表示するか？ （アクティベーションイベント）
- レイアウトをどこに表示するか？ （ターゲット要素）
この情報は、レイアウトをレンダリングし、ユーザーがページを保存できるようにするために必要です。ページバリアントを構築する際の2つのルールがあります:
- 自動的に読み込まれる1つのオーバーレイレイアウトに制限されています。同時に顧客に2つのオーバーレイレイアウトを表示したくはありません。
- 埋め込みレイアウトは、バリアント内で同じターゲット要素を持つことができません。
ターゲット要素とは何ですか？
ターゲット要素は、ページ上でRoktコンテンツを表示したい場所を定義します。これは、レイアウトをHTML要素にアンカーすることで実現されます。レイアウトは、CSSセレクタがページバリアント設定のそのレイアウトに対して定義されたセレクタと一致するページにレンダリングされます。レイアウトをページにリンクする際に要素を定義するか、Roktが提案するプレースホルダとしてデフォルト要素IDを実装することを選択できます。
ターゲット要素は、ページが読み込まれると自動的に起動するオーバーレイレイアウトのオプションフィールドです。レイアウトはページ全体に読み込まれるため、パートナーのページの特定の要素にアンカーする必要はありません。
アクティベーションイベントとは何ですか？
アクティベーションイベントは、Roktコンテンツをページに表示したいタイミングを決定するために使用されます。Roktが提供するアクティベーションイベントオプションはいくつかあります:
現在、2つのアクティベーションイベントをサポートしています:
- 自動アクティベート - ページが読み込まれるとレイアウトが自動的にアクティブ化されます。
- 手動アクティベート - パートナーがパートナーのページでrokt.activate()関数を呼び出すまで、レイアウトはアクティブ化されません。
各ページバリアントごとに、各レイアウトに対してアクティベーションイベントタイプを選択します。単一のレイアウトは、選択されたページバリアントに応じて異なるアクティベーションイベントを持つことができます。たとえば、パートナーは確認ページでオーバーレイレイアウトを自動的に読み込みたいが、予約詳細表示ページでは同じレイアウトを手動で起動したいかもしれません。