ChatGPT で事前登録ページを作って、登録が届く形で公開する方法

新しいアプリの事前登録ページを、今週中に出したい。ChatGPT に頼むと、見出しと説明と「事前登録する」ボタンの付いたページが、1 回の返信で届きます。ただ、そのページはまだチャットの中か、パソコンのダウンロードフォルダにあるだけで、ほかの人が開ける URL がありません。ボタンを押しても、入力されたメールアドレスはどこにも届きません。2026 年 10 月 12 日に ChatGPT へ、ChatGPT で事前登録ページを作ってそのまま公開したい、と聞いたときも、ChatGPT 自身が、ページを作ることと、登録情報を受け取って保存する仕組みを用意することは別だと答えました。

このガイドは、ChatGPT にそのまま送れる依頼文から始めて、返ってきた HTML を公開し、登録が保存されるフォームを付け、どのリンクから何件の登録が来たかを確かめるまでを順に説明します。ChatGPT は無料版でも有料版でもかまいません。事前登録のページに何を書くかから考えたい場合は、ガイド 事前登録フォーム付きのランディングページを、無料で作る方法 もあります。

ChatGPT だけでできることと、事前登録ページに足りないもの

表の ChatGPT Sites の内容は、2026 年 10 月 12 日に OpenAI の Sites のドキュメント で確かめました。

Plus や Pro を使っていて、作成から公開まで ChatGPT に任せたいなら、Sites で公開する方法が向いています。

次の節からの手順は、それ以外の場合のためのものです。ChatGPT の Free や Go を使っている場合、HTML がもう手元にある場合、登録の一覧や、どのリンクから来たか、独自ドメインを無料のプランでまとめて扱いたい場合に使ってください。

ChatGPT にそのまま送れる依頼文

ChatGPT が推測できない事実を渡し、入れてほしくないものも伝えます。

次のコードの文をコピーし、【】の 3 か所を自分のサービスに書き換えて、新しいチャットで送ってください。

【サービス名】の事前登録ページを作って。
【何ができるか、1 行で】サービスで、
【誰向けか】に向けたもの。
見出しは、うれしいことを 1 つ、20 字以内で。
その下に、使うと何が変わるかを 2 文で。
登録フォーム（メールアドレスの欄 1 つと
「事前登録する」ボタン）は、あとで別に入れます。
フォームもメールアドレスの欄も書かずに、
フォームの場所に <div data-convika-form></div> を入れて。
その下に、登録したあと何が届くかを 1 行。
例:「リリースの日に、一度だけメールでお知らせします」
CSS を中に入れた、1 つの HTML ファイルにして。
お客様の声、料金、カウントダウンは入れないで。
画像は https:// から始まる URL にして。

たとえば最初の 3 行は、「『わけレシ』の事前登録ページを作って。買い物のレシートを撮ると食費を割り勘にするアプリで、シェアハウスに住む大学生に向けたもの。」のようになります。

それぞれの行を入れる理由は、次のとおりです。

• 見出しに、うれしいことを 1 つ: 読み進めるかどうかは、見出しで決まります。「レシートを撮るだけで、割り勘が終わる」のほうが、「シェア生活を、もっとスマートに」より伝わります。
• フォームは中身だけ伝えて、書かせない: ChatGPT はメールアドレスの欄 1 つとボタンが入る前提でページを組み、data-convika-form の行が、手順 4 で登録を保存するフォームを入れる場所の目印になります。ChatGPT が自分で書いた入力欄では、登録はどこにも届きません。Convika のフォームと並ぶと、何も集まらない欄がもう 1 つ増えてしまいます。
• 入力欄はメールアドレスだけ: 欄が 1 つ増えるたびに、ボタンを押す前の手間が 1 つ増えます。名前や学年は、その項目でお知らせを送り分けるときだけ聞きます。
• フォームの下の 1 行: メールアドレスを渡したあとに何が届くのかを、押す前に伝えます。
• お客様の声、料金、カウントダウンを入れない: 発売前は、紹介できる利用者の声がまだありません。ChatGPT が書く「お客様の声」は作り話になります。カウントダウンを入れると、その日に出す約束になります。

あとは「見出しをもっと短く」「見出しの案をあと 3 つ」「スマートフォンで見やすく」のように、直したいところをふつうの言葉で伝えます。

ChatGPT で作った事前登録ページを公開する 5 つの手順

1. ChatGPT に依頼文を送る

上の依頼文を自分のサービスに合わせて書き換え、新しいチャットで送ります。作り始める前に React で作るか、HTML・CSS・JavaScript だけで作るかを聞かれたら、HTML・CSS・JavaScript のほうを選んでください。React のサイトはふつう複数のファイルに分かれていて、そのままではページとして開けません。手順 3 でアップロードできるのは、HTML ファイル 1 つです。

2. ChatGPT から HTML を取り出す

ファイルで受け取ったら、そのままダウンロードします。ファイル名が .html で終わっていれば大丈夫です。コードブロックで表示されている場合は、コード表示に切り替えて全体をコピーしてください。

index.html、styles.css、script.js のように分かれているときは「CSS と JavaScript をすべて中に入れた、1 つの HTML ファイルにまとめて」と頼みます。メールアドレスの入力欄やフォームが入っているときは「メールアドレスの入力欄とフォームを消して、フォームの場所には <div data-convika-form></div> を残して」と頼んでください。パソコンに保存した画像は公開したページでは表示されないため、画像は https:// から始まる URL にしてもらいます。

3. Convika にアップロードする

Convika のアカウントを作る前にネット上での見え方を確かめるなら、ページ冒頭の欄 にファイルをドロップするかコードを貼り付けて、「プレビューのリンクをつくる」を押します。3 分間有効な非公開のリンクができます。このプレビューでは、スクリプトとフォームは動きません。よければ、リンクの上の「このページを受け取る（無料・カード不要）」を押してください。アカウントを作ると、ページがそのままアカウントに入るので、もう一度アップロードせずに手順 4 へ進めます。

管理画面からアップロードする場合は、app.convika.com でアカウントを作ります。Free プランはカード登録なしで使えます。このページからアカウントを作ると、アップロードの画面が開きます。あとから開くときは、管理画面の「HTMLファイルをアップロードする」から進めてください。「ファイルから」のタブでファイルをドロップするか、「ファイルを選ぶ」を押します。使えるのは .html と .htm で、2 MB までです。コードをコピーした場合は、「コードから」のタブに貼り付けます。「プレビューをつくる」を押すと、Convika が新しいページを作ります。アップロードに AI クレジットは使いません。

4. 「フォームを追加する」で、メールアドレスの登録欄を入れる

サイト詳細で「フォームを追加する」を押し、「入力項目」で「メールアドレスのみ」を選びます。ページが日本語なら、「ボタンの文言」には「事前登録する」、「送信後に表示するメッセージ」には「事前登録を受け付けました。」が入っています。必要なら書き換えて、「ページに追加する」を押してください。data-convika-form の目印を入れた場所に（目印がなければフッターの上に）登録フォームが入り、新しいプレビューのバージョンとして保存されます。

ChatGPT が書いたフォームが残っている場合は、「AIで直す」に「元のフォームを削除して、Convika のフォームは残して」と書いて消します。おすすめのモデルなら 1 クレジットです。パソコンとスマートフォンの両方でプレビューを開き、自分のメールアドレスで試しに登録してみてください。プレビューからの登録は確認だけで保存されないため、本番の一覧には混ざりません。

5. 公開して、載せる場所ごとに UTM 付きのリンクを使う

「ページを公開する」を押し、「このページを開ける人」で「一般公開」を選んで「次へ」を押します。はじめての公開では、続いて大きな「無料で公開する」のボタンが出ます。押すとすぐに公開され、ページの下に Convika のバナーが出ます。出したくないときは、その下の「Convika のバナーなしで公開する」から Pro のお申し込み画面に進みます。お申し込み画面の大きなボタン「1日間無料で申し込む」は、カードを登録して始める Pro のトライアルで、最初の 1 日間のあとは、解約しなければ月 ¥1,800 かかります。ページは wakereshi.convika.page のようなアドレスで公開されます。告知するときは、載せる場所ごとに utm_source の値を変えたリンクを使ってください。場所ごとに、登録の数を分けて数えられます。

• X の投稿: https://wakereshi.convika.page/?utm_source=x&utm_campaign=prelaunch
• note の記事: https://wakereshi.convika.page/?utm_source=note&utm_campaign=prelaunch
• Instagram のプロフィール: https://wakereshi.convika.page/?utm_source=instagram&utm_campaign=prelaunch

独自ドメインを使うときは、ページの画面の「独自ドメイン」で「独自ドメインをつなぐ」を押し、www.example.com のようなサブドメインを入れて「ドメインを追加する」を押します。表示された CNAME レコードと TXT レコードを、お名前.com やムームードメインなど、ドメインを買ったサービスの DNS 設定に追加すると、SSL 証明書が自動で発行されます。

集まった登録の確かめ方

• 登録の一覧: サイト詳細の「フォーム」欄にある「回答を見る」で開きます。「CSV でダウンロード」を押すと、登録の日時、メールアドレス、国が入ったファイルを書き出せます。「JSON でダウンロード」もあります。リリースの日は、このファイルをメール配信のサービスに読み込んで知らせます。
• 登録のお知らせメール: 新しい登録があるたびに、Convika がメールで知らせます。そのメールに返信すると、登録した人のアドレスに届きます。Free プランでメールで知らせるのは月 50 件までで、一覧に出る件数と同じです。それを超えて保存された登録はメールでは届かず、Pro にすると一覧に表示されます。止めるときは、送信一覧の画面で「送信のたびにメールで知らせる」をオフにします。
• どのリンクから来たか: サイト詳細の「アクセス解析を開く」でアクセス解析の画面を開きます。「キャンペーン（UTM）」には、utm_source・utm_medium・utm_campaign の値ごとに「訪問者」「ページビュー」「フォーム送信」「ボタンのクリック」が並びます。X のリンクと note のリンクが別の行になるので、訪問が多いだけの投稿と、登録につながった投稿を見分けられます。フォーム送信は、登録したときのページの URL に付いていたタグで数えます。タグを付けずに来た訪問は、「タグなし」の行にまとまります。

ChatGPT Sites で作って公開する場合

ChatGPT の Plus・Pro・Business・Enterprise・Edu では、ページを ChatGPT の中で公開することもできます。OpenAI の Sites のドキュメント によると、Sites は公開ベータです。依頼の文で @Sites を指定すると、ChatGPT が Site を作り、ChatGPT のアドレスで公開します。依頼は、「@Sites わけレシの事前登録ページを作って。入力欄はメールアドレスだけ。登録されたメールアドレスは保存しておいて。」くらいの短さで始められます。登録されたメールアドレスは保存しておくよう頼んでください。ドキュメントには、保存しておく記録には D1 というデータベースを使うと書かれています。新しい Site を開けるのは、最初はオーナーとワークスペースの管理者だけです。リンクを共有する前に、インターネット上のだれでも見られる設定に変えます。

分析ではユニーク訪問者数とページビューを見られ、使える環境なら、持っているドメインもつなげます。ベータの間はプランごとの利用上限があり、Free と Go のプランでは Sites を使えません。プランごとの料金と、Sites でできることは ChatGPT Sites は無料で使える？ にまとめています。ChatGPT で作った HTML を、ほかのサービスで公開する方法は、ガイド ChatGPT で作った HTML を、無料で公開する方法 で Netlify Drop、GitHub Pages、Cloudflare Pages、Tiiny Host と比べています。

よくある質問

ChatGPT で作った事前登録ページを公開できる？

公開できます。ChatGPT に、メールアドレスの入力欄が 1 つだけの事前登録ページを 1 つの HTML ファイルで作ってもらい、Convika の管理画面にアップロードします。「フォームを追加する」で「メールアドレスのみ」を選んで登録を保存するフォームを入れ、プレビューで試してから「ページを公開する」を押します。Free プランはカード登録なしで、一覧に出る事前登録は月 50 件までです。それを超えた登録も保存され、Pro にすると表示されます。ChatGPT Sites（Plus・Pro とワークスペースのプラン）で作って、ChatGPT のアドレスで公開することもできます。

ChatGPT のフォームだけで登録を集められる？

ふだんのチャットで作ったフォームだけでは集められません。ボタンを押しても、メールアドレスの届け先がないためです。登録を保存する仕組みのある場所で公開します。Convika なら、「フォームを追加する」で入れたフォームが登録を保存し、メールでも知らせ、CSV で書き出せます。ChatGPT Sites（Plus・Pro とワークスペースのプラン）では、Site のデータベースに保存するよう頼めます。

ChatGPT の無料版でも使える？

使えます。ページを作って HTML を受け取るところまでは、Free や Go を含むどのプランでもできます。Convika へのアップロードも、ChatGPT のプランに関係なく使えます。ChatGPT の中でページを公開する ChatGPT Sites は、Free と Go では使えません。

ChatGPT Sites と Convika の違いは？

ChatGPT Sites は ChatGPT 内で作成から公開までを済ませる機能で、Convika は ChatGPT のどのプランで作った HTML でも公開できるツールです。ChatGPT Sites は有料プラン（Plus・Pro・Business・Enterprise・Edu）向けで、公開ベータの間はプランごとの利用上限があります。Convika は、Free プランで登録の保存と CSV の書き出し、UTM を付けたリンクごとの登録数、www などの独自ドメイン 1 つまで使えます。

登録された一覧を書き出せる？

書き出せます。サイト詳細の「フォーム」欄にある「回答を見る」を開き、「CSV でダウンロード」を押すと、登録の日時、メールアドレス、国が入ったファイルになります。「JSON でダウンロード」もあります。

どの投稿から登録されたかわかる？

リンクに UTM パラメータを付けていれば、わかります。X なら ?utm_source=x、note なら ?utm_source=note のように、載せる場所ごとに値を変えます。アクセス解析の画面の「キャンペーン（UTM）」に、値ごとの「訪問者」「ページビュー」「フォーム送信」「ボタンのクリック」が並びます。

無料で何件まで登録を集められる？

Convika の Free プランで一覧に出るのは、すべてのフォームの合計で月 50 件までです。カード登録はいりません。それを超えた登録も断らずに保存し（1 つのフォームにつき月 1,000 件まで）、Pro にすると一覧と CSV に表示されます。Free のあいだは、超えた分をメールでは知らせません。Pro には上限がありません。Pro は月 ¥1,800 です。

Google フォームで登録を集められる？

できます。Google フォームで作ったフォームの右上のその他アイコンから「HTML を埋め込む」を選び、コピーした HTML を ChatGPT が作ったページに貼り付けます（出典: Google のヘルプ、2026 年 10 月 12 日に確認）。ページを公開する場所は、別に用意します。スマホに合わせた大きさと、表示されないときの確かめ方は、ガイド Google フォームを HTML ページに埋め込む方法 で説明しています。Google フォームと Convika の違いは、ガイド 事前登録フォーム付きのランディングページを、無料で作る方法 で比べています。

独自ドメインで公開できる？

公開できます。Free プランでは 1 つ、Pro では無制限につなげます。www.example.com のようなサブドメインをページの画面の「独自ドメインをつなぐ」で追加し、表示された CNAME レコードと TXT レコードを DNS に設定すると、SSL 証明書が自動で発行されます。

ChatGPT から直接 Convika に公開できる？

直接は公開できません。Convika は ChatGPT のプラグインディレクトリには載っていないため、ChatGPT で作ったページは HTML をダウンロードしてアップロードします。これはどのプランでもできます。Claude・Codex など、お使いの MCP クライアントからは、ページの保存、フォームの追加、公開、登録数の確認までをチャットで頼めます。つなぎ方は、ガイド 事前登録フォーム付きのランディングページを、無料で作る方法 で説明しています。

ChatGPT を使わずに作れる？

作れます。管理画面の「AI でつくる」で、サービスのサイトの URL を貼るか、作りたいページを説明すると、Convika の AI が非公開のプレビューを作ります。説明に「事前登録」と入れておくと、メールアドレスの登録フォームが入ったプレビューができます。新しいページは、おすすめのモデルなら 1 クレジットで、Free プランには最初に 10 クレジットが付きます。