外部Webサイトにサポートウィジェットを設置する

この記事では、スクリプトを利用して任意のWebページにサポートウィジェットを設置する方法を説明します。

この記事でわかること

  • サポートウィジェットの2種類の設置方法

  • 「設置用のコード」をWebページに貼り付ける手順

  • 設置用のコードで設定できるパラメータ

  • 1つのWebページに設置できるサポートウィジェットの数

FAQサイトに設置する方法はFAQサイトにサポートウィジェットを設置するを、Googleタグマネージャー(GTM)を利用した設置方法は外部Webサイトにサポートウィジェットを設置する(Googleタグマネージャー)をご確認ください。

ご利用条件

項目

内容

操作する画面

サポートウィジェットの設定の「設置方法」ページ

サポートウィジェットの設置方法

サポートウィジェットの設置方法は2種類あります。この記事では、スクリプトを利用して任意のWebページに設置する方法を説明します。

  • スクリプトを利用して任意のWebページに設置する

  • FAQサイトに設置する

Webページにサポートウィジェットを設置する

1. 「設置用のコード」をコピーする

  1. サポートウィジェットの設定で「設置方法」ページを開きます。

  2. 「設置用のコード」のコードをコピーします。

「設置方法」ページの「設置用のコード」
設定画面

2. コードをWebページに貼り付ける

  1. コピーしたコードを、サポートウィジェットを設置するWebページに貼り付けます。

補足:1つのWebページに複数のサポートウィジェットを設置できます

スクリプトを利用した方式では、1つのWebページに複数のサポートウィジェットを設置できます。

設定可能項目

パラメータ

必須かどうか

説明

widgetId

必須項目です

ウィジェットによって異なる識別子です。

triggerSelector

任意

Webページ上の任意の要素(ボタンなど)のクリックにより、ウィジェットを開閉することができます。
HTML属性のidやclassを記述してください。

showFloatingButton

任意

ウィジェットを設置するが、ウィジェットのボタンを表示したくない場合に、false にしてください。
triggerSelectorと併用することで、動作をコントロールできます。
設定ページの「ボタンを表示する」がONの時のみ有効です。
デフォルトでは true です。

関連記事

このページはお役に立ちましたか?