【外部非公開】空色商店ご利用ガイド

空色商店は、WhatYaが出来る事のサンプルで、販売促進のデモなどでご利用いただけます。

サイトマップ

デモサイトは以下のような構成になっています。

ページ一覧

WhatYaが配置されているページは大きく分けて以下となります。

1_TOPページ
https://ser-solairo.sakura.ne.jp/ec-solairo/

2_お気に入り
https://ser-solairo.sakura.ne.jp/ec-solairo/mypage/favorite

3_お問い合わせ
https://ser-solairo.sakura.ne.jp/ec-solairo/contact

4_カート
https://ser-solairo.sakura.ne.jp/ec-solairo/cart

5_パラメータ スケジュール:時間帯施策(平日13:00〜18:00に表示)
※id=scheduleが付与されたページに表示
例)https://ser-solairo.sakura.ne.jp/ec-solairo/?id=schedule

6_パラメータ 訪問回数:初回訪問、再来訪等訪問回数によるボタンの出しわけ
※id=visitsが付与されたページに表示
例)https://ser-solairo.sakura.ne.jp/ec-solairo/?id=visits

7_パラメータ 要素の値:表示されたページの商品の金額が1000〜10000円の場合
※id=ec_priceが付与されたページのCSSセレクタec_priceの数値範囲が1000〜10000の範囲内の場合に表示
例)https://ser-solairo.sakura.ne.jp/ec-solairo/products/detail/2?id=ec_price

8_パラメータ ランダム:任意の表示確率で2つのボタンの出しわけ
※id=randomが付与されたページに表示
例)https://ser-solairo.sakura.ne.jp/ec-solairo/?id=random

9_リファラー:お気に入りページからカートページに遷移後
※以下、お気に入りからカートに遷移した場合にこのボタン設定が適用される
https://ser-solairo.sakura.ne.jp/ec-solairo/mypage/favorite

10_パラメータ 訪問期間:30日ぶりの訪問の来訪者向けのシナリオを表示
※id=revisitが付与されたページに30日後に再来訪した場合にこのボタン設定が適用される
例) https://ser-solairo.sakura.ne.jp/ec-solairo/?id=revisit

 

ここから下は、それぞれどのようなボタンとシナリオでが配置されているかを解説します。

1_トップページ

ページURL:https://ser-solairo.sakura.ne.jp/ec-solairo/

表示ボタン

通常ボタンが表示されます

image-20241210-015308.png

シナリオ

TOPページのシナリオはWatsonを利用して作成しています。

WhatYaで利用できる以下のメッセージタイプのリストになっており、メッセージタイプをクリックすることで各メッセージタイプの表示イメージをご確認いただけます。

  • メールメッセージについて

  • テレフォンメッセージについて

  • アイテムイメージスライダーについて

  • リンクイメージスライダーについて

  • ストリングチップについて

  • ストリングバリューチップについて

  • イメージカードについて

  • オペレーターに相談

  • 画像について

  • Youtubeについて

  • マークダウンメッセージについて(リンク)

  • マークダウンメッセージについて(画像)

  • マークダウンメッセージについて(箇条書き)

  • スペシャルタグについて

 

ページURL:https://ser-solairo.sakura.ne.jp/ec-solairo/mypage/favorite

表示ボタン

吹き出しボタンが表示されます

シナリオ

お問い合わせページのシナリオはWhatYa管理画面のダイアログ機能を利用して作成しています。

※接続メッセージ:おすすめ商品

 

ページURL:https://ser-solairo.sakura.ne.jp/ec-solairo/contact

表示ボタン

吹き出しボタンが表示されます

シナリオ

お気に入りページのシナリオはWhatYa管理画面のダイアログ機能を利用して作成しています。

※接続メッセージ:お問い合わせページ

 

 

ページURL:https://ser-solairo.sakura.ne.jp/ec-solairo/cart

表示ボタン

吹き出しボタンが表示されます

シナリオ

カートページのシナリオはWhatYa管理画面のダイアログ機能を利用して作成しています。

※接続メッセージ:おすすめ商品

 

 

ページURL:https://ser-solairo.sakura.ne.jp/ec-solairo/?id=schedule

表示ボタン

画像+テキストボタンが表示されます

表示条件

このボタンが表示される条件は以下の場合です。

  • パラメータ「id=schedule」が付与されたURLを開いた場合

  • 平日(月〜金)の13:00〜18:00の時間帯

シナリオ

表示されるシナリオはWatsonを利用して作成しています。

WhatYaで利用できる以下のメッセージタイプのリストになっており、メッセージタイプをクリックすることで各メッセージタイプの表示イメージをご確認いただけます。

  • メールメッセージについて

  • テレフォンメッセージについて

  • アイテムイメージスライダーについて

  • リンクイメージスライダーについて

  • ストリングチップについて

  • ストリングバリューチップについて

  • イメージカードについて

  • オペレーターに相談

  • 画像について

  • Youtubeについて

  • マークダウンメッセージについて(リンク)

  • マークダウンメッセージについて(画像)

  • マークダウンメッセージについて(箇条書き)

  • スペシャルタグについて

 

 

ページURL:https://ser-solairo.sakura.ne.jp/ec-solairo/?id=visits

表示ボタン

訪問回数によって、以下吹き出しボタンが表示されます

表示条件

このボタンが表示される条件は以下の場合です。

  • パラメータ「id=visits」が付与されたURLを開いた場合

シナリオ

表示されるシナリオはWhatYa管理画面のダイアログ機能を利用して作成しています。

※接続メッセージ:おすすめ商品

 

ページURL:https://ser-solairo.sakura.ne.jp/ec-solairo/products/detail/2?id=ec_price

表示ボタン

訪問回数によって、以下ポップアップが表示されます

表示条件

このボタンが表示される条件は以下の場合です。

  • パラメータ「id=ec_price」が付与されたURLを開いた場合

  • CSSセレクタec_priceの数値範囲が1000〜10000の範囲内の場合

シナリオ

※ポップアップタイプのため、ポップアップ画像をクリックすると以下ページに遷移します。
https://ser-solairo.sakura.ne.jp/ec-solairo/products/list

 

 

ページURL:https://ser-solairo.sakura.ne.jp/ec-solairo/?id=random

表示ボタン

以下2つの吹き出しボタンがランダムで表示されます

表示条件

このボタンが表示される条件は以下の場合です。

  • パラメータ「id=randam」が付与されたURLを開いた場合

シナリオ

表示されるシナリオはWhatYa管理画面のダイアログ機能を利用して作成しています。

※接続メッセージ:おすすめ商品

 

ページURL:https://ser-solairo.sakura.ne.jp/ec-solairo/mypage/favorite

表示ボタン

以下の吹き出しボタンが表示されます

表示条件

このボタンが表示される条件は以下の場合です。

シナリオ

表示されるシナリオはWatsonを利用して作成しています。

WhatYaで利用できる以下のメッセージタイプのリストになっており、メッセージタイプをクリックすることで各メッセージタイプの表示イメージをご確認いただけます。

  • メールメッセージについて

  • テレフォンメッセージについて

  • アイテムイメージスライダーについて

  • リンクイメージスライダーについて

  • ストリングチップについて

  • ストリングバリューチップについて

  • イメージカードについて

  • オペレーターに相談

  • 画像について

  • Youtubeについて

  • マークダウンメッセージについて(リンク)

  • マークダウンメッセージについて(画像)

  • マークダウンメッセージについて(箇条書き)

  • スペシャルタグについて

 

ページURL:https://ser-solairo.sakura.ne.jp/ec-solairo/?id=revisit

表示ボタン

以下の吹き出しボタンが表示されます

表示条件

このボタンが表示される条件は以下の場合です。

  • パラメータ「id=randam」が付与されたURLを開いた後、30日後に再度パラメータ「id=randam」が付与されたURLを開いた場合

シナリオ

表示されるシナリオはWatsonを利用して作成しています。

WhatYaで利用できる以下のメッセージタイプのリストになっており、メッセージタイプをクリックすることで各メッセージタイプの表示イメージをご確認いただけます。

  • メールメッセージについて

  • テレフォンメッセージについて

  • アイテムイメージスライダーについて

  • リンクイメージスライダーについて

  • ストリングチップについて

  • ストリングバリューチップについて

  • イメージカードについて

  • オペレーターに相談

  • 画像について

  • Youtubeについて

  • マークダウンメッセージについて(リンク)

  • マークダウンメッセージについて(画像)

  • マークダウンメッセージについて(箇条書き)

  • スペシャルタグについて

 

 

各ページのチャットボタン設定の詳細は以下です。

該当のチャットボタン設定はこちらをご確認ください。

 

WhatYa管理画面該当ボタン
設定ラベル名

表示ページURL

チャットボタン設定

ボタンの種類

ボタン有効化条件

初期化メッセージ
(接続シナリオ)

1

【ボタン有効化条件】ページのURL:TOPページ

TOPページ
https://ser-solairo.sakura.ne.jp/ec-solairo/

通常ボタン

・ボタン有効化条件1(TOPページに表示させる設定)
 ┗ページURL
  ┗ドメイン:ser-solairo.sakura.ne.jp
  ┗パス:/ec-solairo/

・ボタン有効化条件2(TOPページ以外に表示させない設定)
 ┗ページURL
  ┗ドメイン:ser-solairo.sakura.ne.jp
  ┗パス:/ec-solairo/\.\*
  ┗この条件を除外:チェックを入れる

※判定条件をいずれかではなく「すべて」を選択する

Watson
init_bot

2

【ボタン有効化条件】ページのURL:お気に入りページ

お気に入り
https://ser-solairo.sakura.ne.jp/ec-solairo/mypage/favorite

吹き出しボタン

・ボタン有効化条件(お気に入りページに表示させる設定)
 ┗ページURL
  ┗ドメイン:ser-solairo.sakura.ne.jp
  ┗パス:.*/ec-solairo/mypage/favorite*

ダイアログ
おすすめ商品

3

【ボタン有効化条件】ページのURL:お問い合わせページ

お問い合わせ
https://ser-solairo.sakura.ne.jp/ec-solairo/contact

吹き出しボタン

・ボタン有効化条件(お問い合わせページに表示させる設定)
 ┗ページURL
  ┗ドメイン:ser-solairo.sakura.ne.jp
  ┗パス:/ec-solairo/contact

ダイアログ
お問い合わせページ

4

【ボタン有効化条件】ページのURL:カートページ

カート
https://ser-solairo.sakura.ne.jp/ec-solairo/cart

吹き出しボタン

・ボタン有効化条件(カートページに表示させる設定)
 ┗ページURL
  ┗ドメイン:ser-solairo.sakura.ne.jp
  ┗パス:/ec-solairo/cart

ダイアログ
おすすめ商品

5

【ボタン有効化条件】スケジュール:時間帯施策(平日13:00〜18:00に表示)

※?id=scheduleが付与されたページに表示
例)
https://ser-solairo.sakura.ne.jp/ec-solairo/?id=schedule

画像+テキスト

・ボタン有効化条件(特定のパラメーターが付与されているページに表示させる設定)
 ┗ページURL
  ┗パラメータ
   ┗パラメータ名:id
   ┗パラメータ値:schedule

Watson
init_bot

6

・【ボタン有効化条件】訪問回数:1回目
・【ボタン有効化条件】訪問回数:2回目
・【ボタン有効化条件】訪問回数:3回目

※?id=visitsが付与されたページに表示
例)
https://ser-solairo.sakura.ne.jp/ec-solairo/?id=visits

吹き出しボタン

・ボタン有効化条件1(訪問回数1回目)
 ┗ページURL
  ┗パラメータ
   ┗パラメータ名:id
   ┗パラメータ値:visits

・ボタン有効化条件2(訪問回数2回目)
 ┗訪問回数・期間内
  ┗URL:id=visits
  ┗訪問回数(下限):2
  ┗変更方法(上限):2

・ボタン有効化条件3(訪問回数3回目)
 ┗訪問回数・期間内
  ┗URL:id=visits
  ┗訪問回数(下限):3
  ┗変更方法(上限):なし

ダイアログ
おすすめ商品

7

【ボタン有効化条件】要素の値(.ec-price__price)

※?id=ec_priceが付与されたページに表示
例)
https://ser-solairo.sakura.ne.jp/ec-solairo/products/detail/2?id=ec_price

ポップアップ

・ボタン有効化条件(特定のパラメーターが付与されているページに表示させる設定)
 ┗ページURL
  ┗パラメータ
   ┗パラメータ名:id
   ┗パラメータ値:ec_price

-

8

・【ボタン有効化条件】ランダム:ボタンA
・【ボタン有効化条件】ランダム:ボタンB

※?id=randomが付与されたページに表示
例)
https://ser-solairo.sakura.ne.jp/ec-solairo/?id=random

吹き出しボタン

・ボタン有効化条件1(ランダム:ボタンA)
 ┗ページURL
  ┗パラメータ
   ┗パラメータ名:id
   ┗パラメータ値:random
 ┗ランダム:表示確率 50%

・ボタン有効化条件2(ランダム:ボタンB)
 ┗ページURL
  ┗パラメータ
   ┗パラメータ名:id
   ┗パラメータ値:random

ダイアログ
おすすめ商品

9

【ボタン有効化条件】ページの遷移元のURL(リファラー):お気に入りページから

https://ser-solairo.sakura.ne.jp/ec-solairo/mypage/favorite
※上記お気に入りからカートに遷移した場合にこのボタン設定が適用される

吹き出しボタン

・ボタン有効化条件(特定のパラメーターが付与されているページに表示させる設定)
 ┗ページURL
  ┗パラメータ
   ┗パラメータ名:id
   ┗パラメータ値:random

Watson
init_bot

10

【ボタン有効化条件】訪問期間:30日ぶりの訪問の来訪者向けのシナリオを表示

※?id=revisitが付与されたページに30日後に再来訪した場合にこのボタン設定が適用される
例)
https://ser-solairo.sakura.ne.jp/ec-solairo/?id=revisit

吹き出しボタン

・ボタン有効化条件(30日後に再来訪)
 ┗訪問回数・期間内
  ┗URL:id=revisit
  ┗再来訪日数:30
  ┗再来訪日数の反転:チェックを入れる

Watson
init_bot