• トップ
  • マニュアル
  • 【Web API】AIチャットボットをYahoo!ストアクリエイターに設置する方法

【Web API】AIチャットボットをYahoo!ストアクリエイターに設置する方法

GoQSmileの設定

GoQSmileにログインします。

「アプリケーション一覧」をクリックします。


設置したい「アプリケーション名」を選択します。


Yahooショッピングとトリプルのドメインを入力します。
ドメインの入力が無い場合はチャットボットが表示されませんので、ご注意ください。

「埋め込み型」にチェックをつけます。

<script>タグをコピーしてください。


Yahooトリプルの設定方法

チャットボット設置は、YahooストアクリエイターProで使えないタグや外部URLを使用するため、
トリプルへ設置する必要があります。

Yahoo!トリプルに新規のHTMLファイルを作成し、<body></body>タグの中に
 <div id=”goqsystem-chat”><div>を記述します。その下に⑤でコピーした<script>タグを貼り付けてください。
※<div id=”goqsystem-chat”><div>はGoQSmileの仕様上、入力必須となります。


⑦ ⑥のファイルを保存し、Yahoo!トリプルへアップロードします。
※ファイルアップロード後は、FTPの接続を切断してください。切断後にファイルが反映されます。
 チャットボットの表示が確認できましたら、YahooストアクリエイターProの設定を行います。


YahooストアクリエイターProの設定方法

Yahoo!ストアクリエイターにログインし、チャットボットを設置するカスタムページを新規作成します。

 


編集をクリックし、でYahoo!トリプル上にアップしたHTMLファイルを<iframe>タグで挿入します。
異なる法人名義のYahoo!トリプルは該当箇所が表示されません。必ず同じ法人のYahoo!トリプルをご利用ください。

「保存してプレビューへ」をクリックします。


反映管理にてページの反映を行います。
 Yahoo!の反映にはお時間がかかる場合がございます。少し時間をおいてからページをご確認ください。


以上でYahoo!ストアクリエイターへのチャットボット設置は終了です。

Loading