FAQサイトの検索を外部フォームに連動させる（スクリプト）
FAQサイトの検索を、外部フォームに連動させることができます。フォームからのお問い合わせの際に、エンドユーザーにFAQサイトの確認を促すことができます。
この記事でわかること
外部フォームにFAQサイトの検索を連動させる3種類の方法と、方法の選び方
「フォーム検索連携」のスクリプトをコピーする手順
外部フォームにスクリプトを貼り付けて、検索対象の項目を指定する手順
ヘルプドッグのフォームにFAQサイトの検索を連動させる場合は、「FAQサイトの検索をフォームに連動させる」をご確認ください。
ご利用条件
項目 | 内容 |
|---|---|
事前に必要なもの | HTMLの知識 |
操作する画面 | https://app.helpdog.ai/sites/home から開くサイトの「サイト設定」と、連動させたい外部フォーム |
連動方法の種類と選び方
外部フォームにFAQサイトの検索を連動させる方法は、次の3種類があります。外部フォームの作り方と、スクリプトの設置方法に合わせて選んでください。
方法 | 向いているケース | 手順を説明している記事 |
|---|---|---|
スクリプト | 「フォーム検索連携」でコピーしたスクリプトを、外部フォームに貼り付けて連動させる場合 | この記事 |
JavaScript | React などのフレームワークで作成した外部フォームと連動させる場合 | |
Googleタグマネージャー（GTM） | GTMを利用して外部フォームと連動させる場合 |
設定手順（スクリプト）
1. サイトの「サイト設定」を開く
https://app.helpdog.ai/sites/home から、FAQサイトの検索を連動するサイトを選択します。
「サイト設定」をクリックします。
2. 「フォーム検索連携」のスクリプトをコピーする
「フォーム検索連携」をクリックします。
コピーボタンをクリックして、スクリプトをコピーします。
3. 外部フォームにスクリプトを貼り付ける
手順2でコピーしたスクリプトを、連動させたい外部フォームに貼り付けます。
data-hd-selectorsの値を、検索対象にする項目のセレクターに書き換えます。
4. 動作を確認する
外部フォームの検索対象の項目に入力し、入力値でFAQサイトの検索が実行されることを確認します。FAQサイトの検索が実行されていれば、設定は完了です。
