スマホページで見た際のチャットの不具合

Question

https://shop.marianaocean.com/?mode=f14

こちらのページにて、チャットの枠内に出てくるチャットのボタンを
押すと、下にスクロールしてしまい、チャットの使い勝手が悪くなってしまいます。

スクリプトの問題かと思いますが、この場合はどのようにすれば改善されるのでしょうか。
ご教示いただけると幸いです。

何卒宜しくお願い致します。

Accepted Answer

ECマスターズの田中です。

> 解説ページは多分Githubが一番詳しい、あとはBotFrameWorkのドキュメントです。

https://github.com/Microsoft/BotFramework-WebChat
こちらのgithubですね。

ページを確認したのですが、
やはりiframeで埋め込んだ際に調整する方法は
特に存在しないようですので、

難しいかとは思いますが、同githubの
「Easy: In your non-React website, run Web Chat inline」
にて紹介されている方法で、
HTMLを書き込んで動作をご確認いただく必要がございます。

どうしてもできない事情や、設置の上で詰まった点などございましたら
またご返信いただきますようお願いします。

Answer

ECマスターズの田中です。

私のiPhone8でもスクロールすることを確認いたしましたが、
このスクロール動作は、チャット自体の仕組みの一環として
導入されており、外部から強引に変更することが難しくなっております。

チャット部分の仕組みは
https://marianaocean.com/CosmeAdvisor/js/botchat.js
上記プラグインにて導入されているようですが、
このプラグインに渡すオプションにて、
ボタン押下時のスクロール動作を調整することはできませんでしょうか。

オプション設定での対応が難しい場合は、
「botchat.js」の解説ページ、開発社など、
詳しい情報をお知らせいただきますようお願いします。
フォーラムにてご返信いただきづらい場合は、
元返信右上の「投稿内容について報告する」リンクよりお知らせください。

Answer

解説ページは多分Githubが一番詳しい、あとはBotFrameWorkのドキュメントです。
OpenSource Softwareなので、誰でも貢献できると思いますが、メインの開発社はBotFrameWorkチームです。

とのことです。

ちなみにチャットをIframeではなく、
そのままHTMLを書き込むやり方が有効のようですが、
弊社のページだと難しいなと感じています。