「スライドインタブバナー」は、画面右端に常時固定され、タップやフォーカスでユーザーに自然に訴求できる最適な方法です。このバナーを利用して、ポッキリ価格の福袋、中身が選べる福袋、話題性のある高額福袋など、多彩な福袋商材を効率的にユーザーにアピールしましょう。

  • 必要なイベント：閲覧（view）

null

施策の概要

  • 目的：常駐固定で福袋特集を訴求する
  • ゴール：接客クリック
  • 主なターゲット：特集対象者
  • 接客を表示するページ：topページ

null

設定方法

手順1：接客テンプレートの選択

左メニューバーの「すベてのプロダクト > ストア > シナリオストア」 より、「スライドインタブバナーで話題性のある福袋を効果的に訴求」というテンプレートを検索窓で検索し、「さっそく利用してみる」をクリックしてください。

null

※シナリオテンプレートが改修などにより無くなる可能性もある点ご留意ください。

手順2：アクションの編集

ポップアップで使う画像、テキスト、リンク先の設定などを行ってください。
接客サービス編集画面で追加したアクションの「編集」ボタンをクリックすると、アクション編集画面に移動することができます。

常駐位置の指定

  • 上下位置
    • 右側の常駐する位置をpxで指定可能
    • 「表示位置」ではなく、こちらのpx指定で上下位置を設定してください

null

デザイン要素の設定

  • 自由度高くバナーの要素やデザインを変更可能
    • 各種要素の表示/非表示
    • 背景画像や文字色など

null

※展開時のデザイン変更時はステート2で確認

  • 全体表示時（展開時）で編集する際にはステート2を指定すると固定できて便利です

null

  • 上記の「展開時のデザイン変更」のためにHTML内でState2の記述が存在しますが、本配信には利用しておりません

null

イベントの発生タイミング

スライドインタブバナー接客をユーザーが利用する際に独自イベントが発生します

  • message_hover は「タブ：画面右端に常時固定」にホバー（タップ）された瞬間に発生
  • message_click はホバー（タップ）後の「全体表示内のリンクボタン」がクリックされた瞬間に発生

アクションの編集方法の詳細については、以下をご覧ください。
https://support.karte.io/post/5EoIkbQzbRxZpExRWdATwq

手順3：接客サービスの設定

接客配信の条件を設定します。
※推奨の設定条件を記載しておりますが、施策の目的やサイトの仕様によって条件はカスタマイズしてください。
※現在ないゴールやセグメントについては、以下の設定例を参考に新規作成してください。

  • ゴール

    • 対象のゴール（詳細を確認するボタン押下）を選択
      • 詳細を確認する押下のゴール設定条件例
        • ゴールタイプ：条件付きイベント
        • 条件を指定：「接客サービスをクリック>接客アクション名>次に等しい（完全一致）」で該当接客のアクション名を入力
    • ※クリック数やクリック率自体は、ゴールの設定がされていなくても確認できますが、ゴールを設定頂くことで、より柔軟な分析ができます

  • 対象ユーザー

    • 任意

  • 対象イベント

    • 配信トリガー
      • 閲覧イベントで設定 > 閲覧ページのURL > 次に等しい（完全一致） > トップページのURL

  • 配信頻度

    • アクセス毎

※ゴールの具体的な作成方法は、ゴールの設定方法をご参照ください。
※その他の設定については、施策の意図に応じて設定ください。
※推奨の設定条件を記載しておりますが、施策の目的やサイトの仕様によって設定条件はカスタマイズしてください。

配信前のチェック

  • 未実施グループを設定しましょう
  • 公開前にテスト配信をしましょう

接客効果の振り返り

以下を参考に接客効果の振り返りをしてください。

▼接客サービスの結果確認画面の見方
・アクション別に結果を比較する
　https://support.karte.io/post/4dS0dt9F779KwCrPOm7Sq1
・接客サービス詳細「効果の分析」タブの見方
　https://support.karte.io/post/17Fj6yNl4UWguEQJfbVTxm

▼接客サービスの振り返りのコツが分かる How to動画（KARTE Academy）
https://academy.karte.io/courses/1875613

よくある質問

Q.上下位置を「表示位置」で指定すると崩れます

A. 「表示位置」を使わず上下位置(px)で指定してください。詳細はこちら

null