ペライチにチャットボットを設置する方法【タグの埋め込みで設置】
ホームページ作成サービス「ペライチ」で作ったサイトに、AIチャットボットを設置する手順を解説します。 ペライチのタグの埋め込み機能を使えば、コードを1行貼るだけで設置できます。
⚠️ 最初に確認してください:有料プランでも、使えないプランがあります
ペライチのタグの埋め込みは有料プランの機能ですが、いちばん安い有料プランでは使えません。 ここを間違えると、お金を払ったのに設置できないということが起きます。
ご自身のプランで使えるかどうかは、ペライチ公式の料金ページの 「プラン別 機能比較表」にある「HTML/CSS/JS埋め込み」の行でご確認ください。
また、1か月無料のお試しプランでは、タグ埋め込み機能だけが使えないよう制限されています(同じく公式の料金ページに記載があります)。 無料お試しの間は設置できませんのでご注意ください。
準備するもの:埋め込みコード
チャットボットのサービスから発行される、次のような1行のコードを用意します。
FAQuickの場合、管理画面の「埋め込みコード」欄にある「コードをコピー」ボタンで取得できます。
どちらの機能を使うべきか
ペライチには、コードを入れられる機能が2つあります。チャットボットには「タグの埋め込み」を使ってください。
| 機能 | 用途 | チャットボットに使えるか |
|---|---|---|
| タグの埋め込み | ページ全体に対してタグを追加する(アクセス解析タグなどと同じ扱い) | ✅ こちらを使う |
| HTML埋め込みブロック | ページの特定の場所にコンテンツを表示する(地図・動画など) | △ ページの途中に置かれるため、チャットボットには不向き |
チャットボットは「ページの右下に浮かせる」ものなので、特定のブロックの中ではなく、ページ全体に対して読み込ませるのが正しい設置方法です。
設置手順
ページの編集画面を開く
ペライチにログインし、マイページで対象のページの「ページ編集」ボタンをクリックします。
「タグの埋め込み」の設定を開く
編集画面で「ページ情報編集」ボタンをクリックし、その中の「タグ埋め込み」を開きます。「headタグ内」用と「bodyタグ直下」用の2つの入力欄があります。
「bodyタグ直下」の欄に貼り付ける
「bodyタグ直下」の欄に、埋め込みコードをそのまま貼り付けます。
「headタグ内」の欄に貼っても問題なく動きます。
保存して公開する
保存し、ページを公開します。公開後のページを開いて、右下にチャットボタンが表示されていれば完了です。
💡 編集画面では動きません
ペライチのヘルプにも記載がありますが、埋め込んだタグは編集画面では動作しません。必ず公開後のページで確認してください。
表示されない時は
- 公開しましたか? 編集画面では動作しません。公開後のページで確認してください。
- タグの埋め込みが使えるプランですか? 無料プランと、いちばん安い有料プランでは使えません。1か月無料のお試しプランでも、タグ埋め込みだけは使えません。
- 複数ページある場合、タグの埋め込みはページごとの設定です。設置したいページそれぞれに貼る必要があります。
- ブラウザのキャッシュが残っている可能性があります。
Ctrl + F5で強制的に再読み込みしてください。
最新の仕様や画面の詳細は、ペライチ公式ヘルプ(タグの埋め込み)もあわせてご確認ください。
FAQuickなら、月額4,980円から
商談も見積もりもなし。メールアドレスかGoogleアカウントで登録して、コードを1行貼るだけ。
カード登録なしの無料プラン(月50回答・期限なし)からお使いいただけます。
