AI・マーケトレンド
Writer /
この記事の著者
ChatGPT質問ボタンは、押すと質問入りのChatGPTが開くサイトのボタンです。チャットボットを導入しなくても作れます。
必要なのは、質問入りのChatGPTのリンクを作り、ポップアップのボタンに設定することだけです。リンクの形は chatgpt.com/?q=… です。リンクはChatGPTに作ってもらえます。
この記事では、ドヤマーケのサイトに実際に設置したボタンを例に、作り方を順に説明します。使ったプロンプトは全文を載せています。ボタンを押したあとにChatGPTが何を案内したかも、画面で見た内容に沿って書きます。
AI質問ボタンとは何か
AI質問ボタンとは、サイトの右下などに出るボタンです。押すと、質問が入力された状態のChatGPTが新しいタブで開きます。
ドヤマーケのサイトでは、ページを開くと画面の横からポップアップが出て、右下に表示されます。ボタンの文言は「その疑問、AIに聞いてみよう。ドヤマーケの使い方を会話でチェック」です。
このボタンを押すと、ChatGPTの入力欄にドヤマーケについての質問が入った状態で画面が開きます。訪問者は質問を自分で考えて書く必要がありません。
ボタンの役割は、サイトを見た人が自分の状況に合わせてサービスを理解できるようにすることです。サイトの中を探させる代わりに、ChatGPTが「うちの会社でこのサービスは使えるか」に答えます。
どんなサイトに向いているか
向いているのは、サービスの内容が複雑なサイトです。見ただけでは自社に合うか分からず、訪問者が離れる場面を減らせます。
記事・資料・ツール・制作の依頼など、入口が複数あるサイト
無料相談や問い合わせへ進む前に、訪問者の状況を整理してもらいたいサイト
チャットボットの開発や運用に、手間も費用もかけにくいサイト
反対に、会話の内容をすべてサイトの中で完結させたい場合は向きません。ボタンを押したあとの会話は、サイトの外のChatGPTの画面で行われます。
ボタンを押すとChatGPTはどう案内するか
ボタンを押してから無料相談の手前までは、次の流れで進みました。
ボタンを押すと、新しいタブでChatGPTが開き、ドヤマーケについての質問が入力された状態になる。
質問を送信すると、ChatGPTが「ドヤマーケの公式サイトを確認しました」と答える。続けて「御社に合う活用方法を絞るため3つ質問します」と聞いてくる。
訪問者が、業種や解決したい課題などを答える。
ChatGPTが、サイトで確認できる内容をもとに、使い方を「自分でやること・お願いすること・相談すること」に分けてまとめる。
料金、無料相談で相談するとよいこと、相談フォームに貼る文章、無料相談のリンクまで示す。
訪問者は、サイトの中を探し回らずに、ボタン1つでここまで進めます。ChatGPTは自由な質問にも答えます。決まった質問にしか答えられない場合があるチャットボットより、自分の言葉で聞けます。
AI質問ボタンとチャットボットの違い
AI質問ボタンは、サイトの外にあるChatGPTを開くだけの仕組みです。一般的なチャットボットは、サイトの中に会話の窓口を用意します。
比べる点 | AI質問ボタン | サイトに入れるチャットボット |
|---|---|---|
サイトで用意するもの | ボタンの画像と、ChatGPTのリンク | 会話の窓口と、それを動かす仕組み |
質問の入力 | ボタンを押すと、質問が入力された状態でChatGPTが開く | 訪問者が、窓口に質問を入力する |
会話が行われる場所 | サイトの外のChatGPTの画面 | サイトの中 |
質問の自由度 | ChatGPT上で、訪問者が自由に質問を続けられる | 決まった質問にしか答えられない場合がある |
導入の手間 | リンクをボタンに設定する | 導入や開発、実装の作業が必要 |
案内の中身を決めるもの | リンクに入れたプロンプト | 窓口に設定した内容 |
どちらがよいかは、サイトの目的で決めます。導入の手間を抑えて、無料相談への流れを作りたいときは、AI質問ボタンが試しやすい方法です。
AI質問ボタンの仕組み
AI質問ボタンの仕組みは、質問の文章を入れたChatGPTのリンクを、ボタンに設定することです。リンクの形は「chatgpt.com/?q=…」で、「q=」のあとに質問の文章が入ります。
このリンクを開くと、ChatGPTの入力欄に質問が入った状態で画面が出ます。ドヤマーケのポップアップは、計測用の情報が付いたURLを経由します。最後に、この形のChatGPTのリンクへ移動します。
サイト側で仕込むものは、ボタンの画像とリンクだけです。ボタンのリンクが質問入りのChatGPTのリンクなら、押した人のChatGPTで質問が開きます。
質問の文章で案内の中身が決まる
ボタンから開いたときに入力される文章を、プロンプトと呼びます。ChatGPTがどんな案内をするかは、このプロンプトの内容で決まります。
ドヤマーケのプロンプトは、次の3点を頼む内容です。
訪問者の状況を知るために、選択肢つきの質問を3つ、番号をつけてまとめて聞く。
最後に、使い方を「自分でやること・お願いすること・相談すること」に分けてまとめる。
料金や実績など、サイトで確認できないことは「相談で確認したいこと」に入れる。
3つ目は、サイトに載っていない情報をChatGPTが推測で答えないようにするための指示です。この指示を入れておくと、載っていない情報を訪問者に伝えてしまう場面を減らせます。
動画で作り方を見る
この記事の内容は、動画「【チャットボット不要】サイトのボタンからChatGPTが自社の相談役になる「AI質問ボタン」の作り方」でも見られます。動画は2026年10月28日に公開しました。
完成したボタンを押す画面から、リンクの作り方とポップアップへの設定までを、画面で確認できます。目次は次のとおりです。
0:00 オープニング
1:30 完成形：ボタン1つでChatGPTが相談役に
4:49 仕組み：質問入りのChatGPTリンク
6:22 作り方：プロンプトからリンクを作る
7:49 作り方：ポップアップにリンクを設定
8:20 もっと簡単に：新サービス「ドヤAI質問リンク」
AI質問ボタンの作り方
作り方は、3つの手順に分かれます。
ChatGPTに聞いてほしい質問（プロンプト）を書く。
プロンプトから、質問入りのChatGPTのリンクを作る。
作ったリンクを、ポップアップのボタンに設定する。
リンクを手作業で組み立てる必要はありません。手順2をChatGPTに任せると、手順の中でいちばん手間のかかる部分がなくなります。
手順1：プロンプトを書く
プロンプトは、ボタンを押した訪問者がChatGPTに送る文章として書きます。ドヤマーケのボタンで使ったプロンプトは、次のとおりです。
ドヤマーケ（https://doyamarke.surisuta.jp/）が気になっています。BtoBマーケティングの記事や無料資料、AIツールの「ドヤAI」、制作の依頼、無料相談などがあるようですが、うちの会社にはどれが合っているのか、一緒に整理してもらえますか？
私の状況を知ってもらうために、答えやすい選択肢つきの質問を3つ、番号をつけてまとめて聞いてもらえると嬉しいです。まとめて答えます。
最後に、私に合いそうな使い方を「自分でやること・お願いすること・相談すること」に分けてまとめてください。無料相談（https://doyamarke.surisuta.jp/download/base02_doyamarke-free-1）を受けるなら、申し込みフォームに貼れる200字くらいの相談文もあると助かります。
料金や実績など、サイトで確認できないことは「相談で確認したいこと」に入れておいてください。
自社で使うときは、会社名・URL・サービス名を書き換えます。無料相談のURLも、自社の申し込みページに替えます。
プロンプトの各文は何をしているか
プロンプトは4つの部分でできています。どの文が何の役割かを分けて見ると、書き換える場所が分かります。
部分 | 役割 | 自社用に変えるところ |
|---|---|---|
1文目：サイトの名前とURL、気になっていること | ChatGPTに、どのサイトの話かを伝える | 会社名・サイトのURL・サイトにある入口（記事や資料など） |
2文目：選択肢つきの質問を3つ、まとめて聞く | 訪問者の状況を知るための質問を出させる | 質問の数、聞きたい内容 |
3文目：3つに分けてまとめる、相談文を作る | 案内の最後の形を決める | まとめの分け方、無料相談のURL |
4文目：サイトで確認できないことの扱い | 推測で答えさせず、相談で確認する項目に回す | 載せていない情報の種類 |
手順2：プロンプトからリンクを作る
リンクは、ChatGPTに作ってもらいます。動画では、次の依頼文を使いました。
下記のプロンプトを、ChatGPTのボタンをクリックしたら、この質問が入力された状態で出力されるようなリンクを作ってください。
（この下に上のプロンプトを貼る）
この依頼文の下に、手順1のプロンプトを貼って送ります。すると、ChatGPTがリンクを返します。
動画の画面では、「ドヤマーケについてAIに相談する」というカードが出ました。カードには「ChatGPTで質問を開く」と「リンクURLをコピー」の2つのボタンがありました。「リンクURLをコピー」で取得したURLが、ボタンに設定するリンクです。
リンクの形は「chatgpt.com/?q=…」です。コピーしたあと、リンクを開いて、質問が入力された状態でChatGPTが開くかを確認します。
手順3：ポップアップのボタンにリンクを設定する
最後に、作ったリンクをポップアップのボタンに設定します。動画では、HubSpotなどのポップアップツールを使いました。
ポップアップに表示するボタンの画像を設定する。
画像のalt（代替）テキストを設定する。
リンクのURLに、手順2で作ったChatGPTのリンクを貼る。
公開する前に、実際にボタンを押して、質問が入力された状態でChatGPTが開くかを確認する。
設定は、ここまでです。動画では、7:49からこの操作を見られます。
ボタンの画像は、サイトの右下に出したときに目に留まるものを選びます。画像と文言を考えるときは、CTAを改善する3つのコツも参考になります。
プロンプトを自社用に書くときの考え方
訪問者の立場で書く
プロンプトは、サイトの運営者ではなく、サイトを見た訪問者が書いた文章にします。ドヤマーケの例は「うちの会社にはどれが合っているのか、一緒に整理してもらえますか？」と、訪問者の言葉で頼んでいます。
訪問者が知りたいことを、訪問者の言葉で入れます。
質問の数と内容を変える
動画のプロンプトでは、質問の数を3つにしています。この数は変えられます。質問を5個にすれば5個、10個にすれば10個出してくれます。
質問を増やすと、訪問者の状況を細かく聞けます。減らすと、早く案内に進めます。サイトの入口の数に合わせて決めます。
サイトで確認できないことの扱いを決める
ChatGPTは、サイトに載っていないことを推測で答える場合があります。ドヤマーケのプロンプトは、料金や実績などサイトで確認できないことを、「相談で確認したいこと」に入れるよう頼みます。
自社のプロンプトでも、載せていない情報をどう扱うかを先に決めて、プロンプトの最後に書いておきます。決め方の考え方は、ハルシネーション対策7つでも整理しています。
無料相談までの道筋をプロンプトに入れる
ドヤマーケのプロンプトは、無料相談のURLと、フォームに貼れる200字くらいの相談文を頼みます。訪問者は、ChatGPTが作った相談文をそのまま申し込みに使えます。
相談文の長さやURLは、自社の申し込みページに合わせて書き換えます。プロンプト全般の書き方は、仕事で使えるプロンプトの書き方で解説しています。
AI質問ボタンを使うときの注意
公開前に自分で押して確認する
ChatGPTの回答は、質問の内容や入力のしかたで変わります。公開前に、自社のプロンプトで実際にボタンを押し、案内の中身を確認します。
確認するのは、次の4点です。
ボタンを押すと、質問が入力された状態でChatGPTが開くか。
訪問者に聞く質問が、意図した数と内容になっているか。
サイトに載っていないことを、推測で答えていないか。
無料相談のURLや相談文が、自社の申し込みページに合っているか。
ボタンの先はChatGPTの画面なので、ChatGPT側の画面や動作が変わることがあります。公開したあとも、ときどき自分で押して確かめてください。
プロンプトを自社用に書き換える
ドヤマーケ用の文章をそのまま貼ると、自社ではなくドヤマーケの案内になります。会社名・URL・サービス名・無料相談のURLを、すべて自社のものに替えます。
ChatGPTに自社が紹介されるかは別の話
AI質問ボタンは、サイトに来た訪問者をChatGPTへ案内する仕組みです。ChatGPTが、検索した人に自社を紹介するかどうかとは別の話になります。後者は、ChatGPTに自社が出ない5つの原因と対策で整理しています。
ボタンの置き方はサイト全体の導線で考える
ボタンを置く位置や文言を決めるときは、サイト全体の導線を見ます。ボタンの前後のページで訪問者が迷っていないかを見る方法は、BtoBサイト改善の進め方にあります。
ドヤマーケでは、無料相談への申し込みを増やしたいという目的で、このボタンを使っています。ボタンから無料相談のページまで進んだ人が、相談しやすい状態になることを目指しています。
もっと簡単に作る方法：ドヤAI質問リンク
ここまでの作り方は、すぐにできます。ただ、ポップアップの設定が大変だったり、バナー画像も作らなければならなかったりします。
そこで、ドヤAI質問リンクという新しいサービスを開発します。サイトのURLを入力すると、ポップアップのバナー画像と、ChatGPTの質問リンクを出すサービスです。出てきたリンクを画像に設定すれば、ボタンが完成します。
ドヤAI質問リンクは、次回の動画で紹介します。ドヤマーケでは、ドヤAIというAIツールを17種類ほど作っています。ドヤマーケのサイトでも、記事と合わせて紹介しています。
自社のサイトにどのボタンや案内が合うか迷うときは、無料相談から相談できます。公式LINEはこちらです。
よくある質問
ChatGPT質問ボタンにチャットボットは必要ですか？
必要ありません。質問入りのChatGPTのリンクを、ポップアップのボタンに設定するだけで作れます。リンクの形は chatgpt.com/?q=… です。
質問入りのChatGPTのリンクは、どうやって作りますか？
ChatGPTに作ってもらいます。「この質問が入力された状態で開くリンクを作ってください」という依頼文の下にプロンプトを貼って送ります。返ってきたカードの「リンクURLをコピー」でURLを取得します。
ボタンはどのツールで作りますか？
動画では、HubSpotなどのポップアップツールを使いました。ボタンの画像とaltテキストを設定し、リンクのURLに作成したChatGPTのリンクを貼ります。
自社で使うとき、プロンプトのどこを変えますか？
会社名・URL・サービス名を書き換えます。無料相談のURLがある場合は、自社の申し込みページに替えます。サイトに載っていない情報の扱いも、自社に合わせて決めます。
サイトに載っていない料金や実績は、どう扱いますか？
動画のプロンプトでは、サイトで確認できないことを「相談で確認したいこと」に入れるよう頼んでいます。ChatGPTが推測で答えず、相談の場で確認する項目に回せます。
ChatGPTが聞く質問の数は変えられますか？
変えられます。動画のプロンプトは質問を3つにしていますが、5個にすれば5個、10個にすれば10個出してくれます。サービスの種類に合わせて数を決めます。
ChatGPTの共有リンクとは違いますか？
目的が違います。共有リンクは、すでにある会話の内容を人に見せるためのリンクです。AI質問ボタンのリンクは、質問が入った新しいChatGPTを開くためのリンクです。