重要なお知らせをコンテンツの最上部に配置し、見逃されにくくすることで、ユーザーへの情報到達率を向上。ページ構成の工夫により、よりスムーズな閲覧体験にもつながる施策です。
- この「接客シナリオ」は、アプリには対応しておりません
- サイトの要素がパッと入れ替わったりガクッと落ちるなどの挙動(フラッシュ)を起こす可能性があります。
- フラッシュが気になる場合、同期的な更新が可能で機能が充実したKARTE Blocksのご利用をおすすめします。
施策
- 目的:お知らせエリアを上部に再配置し情報到達を検証
- ゴール:お知らせページ
- 主なターゲット:トップ来訪者
- 接客を表示するページ:トップページ
概要
- ページ下部に存在する「お知らせ」を上部に再配置
- まず最初に気付かせたい情報への到達率を向上
- UI/UX改善の他施策について「接客サービス(埋め込み/スクリプト配信)を利用しUI/UX改善を実施する」も参考ください。
設定方法
手順1:接客テンプレートの選択
左メニューバーの「すベてのプロダクト > ストア > シナリオストア」 より、「お知らせエリアを上部に移動して視認性を改善」というテンプレートを検索窓で検索し、「さっそく利用してみる」をクリックしてください。
※シナリオテンプレートが改修などにより無くなる可能性もある点ご留意ください。
手順2:アクションの編集
ポップアップで使う画像、テキスト、リンク先の設定などを行ってください。
接客サービス編集画面で追加したアクションの「編集」ボタンをクリックすると、アクション編集画面に移動することができます。
再配置箇所の指定
cssセレクタ(移動先):指定したCSSセレクタの前に再配置されます
cssセレクタ(移動元):移動したいエリアのCSSセレクタを指定します
- 「Chromeのデベロッパーツールを使ってCSSセレクタを取得する」をおすすめします。
背景色:変更したい色を指定
アクションの編集方法の詳細については、以下をご覧ください。
https://support.karte.io/post/5EoIkbQzbRxZpExRWdATwq
手順3:接客サービスの設定
接客配信の条件を設定します。
※推奨の設定条件を記載しておりますが、施策の目的やサイトの仕様によって条件はカスタマイズしてください。
※現在ないゴールやセグメントについては、以下の設定例を参考に新規作成してください。
ゴール
- 対象のゴール(お知らせページ)を選択
- ※申し込み完了にあたるイベントが存在している場合のゴール設定条件例
- ゴールタイプ:イベント
- イベントを選択:該当のイベント
- ※イベントが存在しない場合のゴール設定条件例
- ゴールタイプ:ページ閲覧
- ページ条件を指定:閲覧ページのパス > 次を含む(部分一致)> 該当ページのURL(ex.お知らせページ:/info/)
- ※申し込み完了にあたるイベントが存在している場合のゴール設定条件例
- 対象のゴール(お知らせページ)を選択
対象ユーザー
- ユーザー
対象イベント
- 配信トリガー
- 閲覧イベントで設定 > 閲覧ページのURL > 次に等しい(完全一致) > トップページのURL
- 配信トリガー
配信頻度
- アクセス毎
※ゴールの具体的な作成方法は、ゴールの設定方法をご参照ください。
※その他の設定については、施策の意図に応じて設定ください。
※推奨の設定条件を記載しておりますが、施策の目的やサイトの仕様によって設定条件はカスタマイズしてください。
配信前のチェック
- 未実施グループを設定しましょう
- 接客の効果を測るために、一定の割合で未実施グループを設定することを推奨しています。
- 「配信率」設定の方法・仕様:https://support.karte.io/post/6I6WF9zWxbAGesUN9KbeCu
- 接客の効果を測るために、一定の割合で未実施グループを設定することを推奨しています。
- 公開前にテスト配信をしましょう
- 以下を参考に必ずテスト配信を実施し、接客に問題がないか確認しましょう。
- 特定ユーザーにのみテスト配信することはできますか?:https://support.karte.io/faq/64kMz95EExPt5RdnmdcTk1
- 以下を参考に必ずテスト配信を実施し、接客に問題がないか確認しましょう。
接客効果の振り返り
以下を参考に接客効果の振り返りをしてください。
▼接客サービスの結果確認画面の見方
・アクション別に結果を比較する
https://support.karte.io/post/4dS0dt9F779KwCrPOm7Sq1
・接客サービス詳細「効果の分析」タブの見方
https://support.karte.io/post/17Fj6yNl4UWguEQJfbVTxm
▼接客サービスの振り返りのコツが分かる How to動画(KARTE Academy)
https://academy.karte.io/courses/1875613