外部Webサイトにサポートウィジェットを設置する
この記事では、スクリプトを利用して任意のWebページにサポートウィジェットを設置する方法を説明します。
この記事でわかること
サポートウィジェットの2種類の設置方法
「設置用のコード」をWebページに貼り付ける手順
設置用のコードで設定できるパラメータ
1つのWebページに設置できるサポートウィジェットの数
FAQサイトに設置する方法はFAQサイトにサポートウィジェットを設置するを、Googleタグマネージャー(GTM)を利用した設置方法は外部Webサイトにサポートウィジェットを設置する(Googleタグマネージャー)をご確認ください。
ご利用条件
項目 | 内容 |
|---|---|
操作する画面 | サポートウィジェットの設定の「設置方法」ページ |
サポートウィジェットの設置方法
サポートウィジェットの設置方法は2種類あります。この記事では、スクリプトを利用して任意のWebページに設置する方法を説明します。
スクリプトを利用して任意のWebページに設置する
FAQサイトに設置する
Webページにサポートウィジェットを設置する
1. 「設置用のコード」をコピーする
サポートウィジェットの設定で「設置方法」ページを開きます。
「設置用のコード」のコードをコピーします。
2. コードをWebページに貼り付ける
コピーしたコードを、サポートウィジェットを設置するWebページに貼り付けます。
補足:1つのWebページに複数のサポートウィジェットを設置できます
スクリプトを利用した方式では、1つのWebページに複数のサポートウィジェットを設置できます。
設定可能項目
パラメータ | 必須かどうか | 説明 |
|---|---|---|
widgetId | 必須項目です | ウィジェットによって異なる識別子です。 |
triggerSelector | 任意 | Webページ上の任意の要素(ボタンなど)のクリックにより、ウィジェットを開閉することができます。 |
showFloatingButton | 任意 | ウィジェットを設置するが、ウィジェットのボタンを表示したくない場合に、false にしてください。 |