| ステータス |
|---|
...
|
...
|
...
|
|
| 情報 |
|---|
...
WhatYaクライアントAPIの導入資料 |
...
| 注意 |
|---|
...
サンプルコードについてのご留意事項 |
...
|
...
|
...
| ウィジェット コネクタ |
|---|
...
|
...
|
※変数設定箇所
whatya.postMessage("商品の詳細についての相談です");
※スクリプトサンプル
| コード ブロック |
|---|
/*
* オペレータ接続時にカスタマーとしてメッセージを自動送信する
*/
window.onWhatYaReady = (whatya) => {
const onOperatorConnected = () => {
whatya.postMessage("商品の詳細についての相談です");
}
// オペレータ接続時のイベントリスナーを登録
whatya.addEventListener('operator-connected', onOperatorConnected);
} |
| 情報 |
|---|
導入サイトサンプル（デモサイト） |
...
|
※資料のURL：https://docs.google.com/presentation/d/1w-zTQo2jfxxROAXn_B5-7mTBe38i0-tWoULMb4F5Tk8/edit?usp=sharing
| 情報 |
|---|
補足説明について |
どのように動作するかイメージを見たい場合は、以下の動画をご確認下さい。
※WhatYaクライアントAPIデモ動画 （文字が小さい場合は全画面表示推奨）
...
| 情報 |
|---|
サンプルコード 参考例 |
※弊社ではスクリプトに関するサポートができません。この情報はあくまで参考としてご利用下さい。
Scriptに関してはWebサイトを制作されているベンダー様にご相談下さい。
ECCUBE4系で作った以下のサイトにはこのサンプルのScriptを使って以下を実現しています。
※デモサイト
https://ser-solairo.sakura.ne.jp/ec-solairo/このサイトはEC Cube4系で以下Script（if文と変数）を使って、「商品名」があるページは商品名を送信して、カートやお問い合わせなど「商品名」が無いページは「ページ名」を送信する仕組みにしています。
以下のScriptは、商品名の存在するページは商品名("{{ Product.name }}を
商品名が無い場合はページ名("{{ Page.name }}を表示させています。
このように設定する事で、商品が存在するページは「商品名」がオペレーターへメッセージで自動送信、商品名が存在しないページは「ページ名」がオペレーターへ自動送信されます。
※参考 サンプルコード
| コード ブロック |
|---|
{# オペレーターに接続時にどのページからチャットを開いたか自動送信する #}
{# 商品名が存在する場合に商品名を送信する #}
{% if Product.name is not null %}
<script>
window.onWhatYaReady = (whatya) => {
const onOperatorConnected = () => {
whatya.postMessage("{{ Product.name }}"+"のページからご相談です。");
}
// オペレータ接続時のイベントリスナーを登録
whatya.addEventListener('operator-connected', onOperatorConnected);
}
</script>
{# 商品名が存在しない場合にページ名を送信する #}
{% else %}
<script>
window.onWhatYaReady = (whatya) => {
const onOperatorConnected = () => {
whatya.postMessage("{{ Page.name }}"+"からご相談です。");
}
// オペレータ接続時のイベントリスナーを登録
whatya.addEventListener('operator-connected', onOperatorConnected);
}
</script> |
以上