Q.SPAサイトにてスマホ画面サポート機能を利用することはできますか?
A.はい、ご利用可能です。ただし、起動ボタンのコードの設置方法に制限があります。
起動ボタンのコードを設置する際は、ボタンタグが生成されてからスクリプトタグが生成されるよう、両タグが生成されるタイミングを調整してください。
スクリプトタグがすでに生成され、動的なページ遷移時にボタンタグが生成される場合
以下のカスタムイベントを設置する必要があります。
- JavaScript
- document.dispatchEvent(new CustomEvent("bellfaceStartSmartSupport"));
- 具体例
- ヘッダーやフッターにスクリプトタグを設置して、動的なページ遷移でアクセスするページにボタンタグを設置する場合など
注意点
※ ヘッダーまたはフッターにスクリプトタグおよびボタンタグを設置する場合、カスタムイベントは不要です
※ SPAサイトに起動ボタンのコードを設置する場合は、MPAサイトへの設置時とは異なる以下の挙動が確認されています
- 動的な画面遷移にて、起動ボタンのコードを設置していないページに移動した場合も送信ボタンが利用できてしまう