【Web API】AIチャットボットをau Pay マーケットに設置する方法（商品ページへの設置）

GoQSmileをau Pay マーケットの商品ページへ設置する手順

GoQSmileを「au Pay マーケット（旧au Wowma!）」の商品ページへ設置しましょう。

「au Pay マーケット（旧au Wowma!）」への設置には「Plusディスクスペース」の申請が必要になります。
まだの方は「au Pay マーケット設置方法（Plusディスクスペースの申請と前準備）」を確認してください。

②GoQSmileの管理画面から、設置したいアプリケーションの埋め込み型を選択し、スクリプトをコピーします。

③「goqsmile.zip」をダウンロードし、「goqsmile.html」をメモ帳で開き③の箇所へ②でコピーしたスクリプトを貼り付けて保存します。

④「au Pay マーケット設置方法（Plusディスクスペースの申請と前準備）」で事前に作成した「pc」、「sp」フォルダへ先ほど変更した「goqsmile.html」をアップロードします。

「https://plus.wowma.jp/user/あなたの会員番号（ユーザーID）/plus/goqsmile.html」へアクセスします。
上の画像のようにチャット画面が表示されれば成功です。

※「あなたの会員番号（ユーザーID）」の箇所を必ず変更してください。
※「Plusディスクスペース」ではアップロード後、反映までに1時間程度の時間がかかる場合があります。表示されない場合は時間をおいて確認してください。

「Wow!manager」の管理画面へログインしてください。
Wow! managerログイン画面はこちらから

⑤「商品・画像・デザイン」をクリックするとメニューが表示されます。

⑥表示されたメニューの「商品一覧」をクリックします。

⑦設置したい商品の「編集」をクリックします。

⑧商品編集ページをスクロールし、「PC用商品説明」、「SP用商品説明」に下記のHTMLタグを入力してください。

<iframe src="/user/あなたの会員番号（ユーザーID）/plus/goqsmile.html" width="100%" height="500px" style="border:none;"></iframe>

※「あなたの会員番号（ユーザーID）」の箇所を必ず変更してください。

⑨「確認」をクリックします。

⑩「更新」をクリックします。

⑪「au PAYマーケット商品ページを見る」をクリックします。

商品ページの説明欄にGoQSmileが表示されていれば設定完了です。
お疲れ様でした。

※「au PAYマーケット」の商品ページ反映まで30秒～1分程度の時間がかかる場合があります。
表示されない場合は時間をおいて確認してください。