AI活用

ChatGPT Agentで生成したLP案をレビュー用URLにして共有する方法

ChatGPT AgentでLP案のHTMLを生成したとき、その成果物をすぐにクライアントや上長に見せたいのに、ファイルを渡しても環境によって崩れるし、スクリーンショットでは動きが伝わらない。ギガサイト便なら生成したHTMLをそのままアップロードするだけで、パスワード付きの共有URLが数秒で発行でき、LP案のレビューサイクルを一気に短縮できる。

何が共有しづらいのか

ChatGPT AgentはPython環境でHTMLを生成してファイルとして出力できるが、そのファイルをダウンロードして相手に送ると「開き方が分からない」という返事が来ることがある。ダブルクリックしてもデフォルトのテキストエディタが開くOSもある。URLとして共有することで「このリンクをブラウザで開いてください」という一言で完結する。

ChatGPT Agentが生成するLP案には、プロンプトに与えたビジネス情報(価格・ターゲット層・競合比較)がそのまま反映されていることがある。これを添付ファイルで送ると、受け取り手が内容をそのまま転送するリスクが生まれる。期限付きパスワードURLで共有すれば、レビュー完了後に即座にアクセスを止められる。

  • 相手がログインなしで開ける状態か確認する
  • PCとスマホで最低1回ずつ表示を確認する
  • 内部情報・個人情報・不要な外部送信が残っていないか見る
  • レビュー期限と修正時の差し替え方を決めておく

URL化する前の確認点

ChatGPT Agentが生成したHTMLをブラウザで開き、デベロッパーツールのNetworkタブを確認して外部リクエストが発生していないかチェックする。Google FontsやBootstrap CDNへのリクエストは一般的に問題ないが、不明なAPIエンドポイントへのリクエストが発生している場合は削除する。特にChatGPT Agentがテストコードを残している場合に発生しやすい。

LP案のファーストビューに使われている画像が`https://`で始まる外部URLを参照しているか、それともローカルのファイルパスを参照しているかを確認する。ローカルパス(例: `/Users/name/Downloads/hero.jpg`)のままアップロードすると画像が表示されない。外部URLまたはBase64インラインに切り替えてからアップロードする。

  • HTML内の外部script・form action・iframeを確認する
  • APIキーやトークンらしき文字列がないか検索する
  • 画像・CSS・JSのパスが公開後も解決できるか見る
  • noindexと認証を混同せず、必要なら両方設定する

認証と期限の決め方

クライアントへのLP案提案では、商談の場でURLとパスワードを口頭で伝えて一緒に確認するのが最も効果的だ。「今日の商談でお見せしたLP案をこのURLで確認できます。有効期限は1週間です」という形にすると、クライアントが後から見返す際の安心感につながる。1週間後に期限が切れる前にフォローコールを入れるのを忘れずに。

社内のマーケティングチームへのレビューでは、チーム全員が会社ドメインのメールを持っているなら会社ドメイン認証が最もシンプルだ。外部のコピーライターや翻訳者も関わる案件では個別のメール認証を使い、関係者以外がアクセスできない状態を維持する。

  • 誰でも見てよい: URL共有のみでもよいが、検索除外は確認する
  • 特定の相手だけ: パスワードまたはメール認証を使う
  • 会社内だけ: 会社ドメイン認証を検討する
  • 短期レビュー: 期限を設定して古いURLを残さない

共有後のフィードバック回収

LP案のフィードバックは「ファーストビューを3秒見たときの印象」と「最後まで読んだあとにCTAを押したくなるか」の2点に絞って依頼する。これはLP設計の本質的な問いで、どんなレビュアーでも答えやすく、修正方針に直結するフィードバックを得られる。

ChatGPT Agentで再生成する場合は「前回のフィードバック内容+修正指示」をそのままプロンプトに貼り付けて改訂版を生成し、そのHTMLを再アップロードする。「修正版を作りました」とSlackに投稿する際は「変更点は①〜③です」という形で差分を明示すると、レビュアーが全ページを見直す手間なく確認箇所を把握できる。

  • 確認してほしい観点を3つ以内に絞る
  • 期限と返信先を明記する
  • 修正後も同じURLで見られるか伝える
  • 最終版と途中版が混ざらないようタイトルを付ける

よくある質問

ChatGPT Agentで生成したLP案は英語ベースのコードで、日本語コンテンツを差し込んだ状態です。文字化けする可能性はありますか?

HTMLの`<head>`に`<meta charset="UTF-8">`が含まれていれば文字化けしません。生成されたHTMLにこのタグがなければ、`<head>`の先頭に1行追加してからアップロードしてください。

ChatGPT AgentにLP案を複数バリエーション生成させました。それぞれ別のURLで共有してA/Bどちらが好まれるか選んでもらえますか?

はい。バリエーションごとに個別のURLを発行し、「AパターンとBパターンのどちらがより伝わりますか?」という質問と一緒に共有してください。レビュアーが2つのURLを行き来して比較できるよう、両方に同じパスワードを設定しておくと手間が省けます。

LP案をレビューしてもらうタイミングと本番公開のタイミングが近い場合、レビューURLをそのまま本番にできますか?

レビューURLは認証と期限が設定されているため、本番用途には向きません。本番はLP専用のドメインまたはサブドメインにデプロイし直す必要があります。レビューOKが出た最終版HTMLを本番環境にそのままデプロイするフローをあらかじめ設計しておくとスムーズです。

関連記事

「AI活用」の記事をもっと見る →