AI活用

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

Cursor Agentでマーケティング用のLPをHTMLで出力した後、そのファイルをどうやってクライアントや上司に確認してもらうかで手が止まることは多い。メール添付では相手が適切に開けるかが不安で、GitHubで公開するのはセキュリティ上問題になることもある。URLを発行してパスワードを一緒に送れば、相手はブラウザで即確認でき、フィードバックのやり取りが格段にスムーズになる。

何が共有しづらいのか

Cursor Agentが生成するLPのHTMLにはTailwind CSSのCDNリンクやGoogle Fontsのimportが自動で入ることが多い。オフライン環境やフォントブロックの設定があるブラウザではスタイルが崩れてしまい、「デザインが変です」というフィードバックが来る原因になる。共有前にブラウザのネットワークを「スロットリング」設定に切り替えてレンダリングを確認し、外部依存が多いならCSSをバンドルしてからURLを発行する。

まだ発表前のキャンペーン情報や非公開の価格表がLP案に含まれている場合、URLが転送されるだけで情報が外部に漏れる。URLの有効範囲を最小限に絞り、パスワードなど二次的な認証を組み合わせることで「URLを転送しても無意味」な状態を作ることができる。

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

URL化する前の確認点

Cursor Agentが出力したLPにGoogleタグマネージャーやFacebookピクセルのスニペットが含まれている場合、URLを発行するとアクセスログが本番の計測ツールに混入する。GTMコンテナIDやFBピクセルIDが含まれる`<script>`タグをレビュー用HTMLから除去してからアップロードすることで、分析データへの影響を防げる。

LPの動画背景(`<video autoplay muted loop>`)はファイルサイズが大きくなりがちで、URLを開いた瞬間に動画のダウンロードが始まるとモバイル回線では表示が遅くなる。動画ファイルを外部ストレージに置いてCDNのURLで参照するか、レビュー用はプレースホルダ画像に差し替えてサイズを抑えてからURL発行する。

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

認証と期限の決め方

クライアントワークのLP案を提出する場合、クライアント担当者以外が見られる状態は避けたい。メール認証を使ってあらかじめ許可するメールアドレスを登録しておけば、たとえURLが社外に転送されても登録外の人はアクセスできない。クライアントの担当者が変わった場合も許可リストを更新するだけで対応できる。

初回提出から修正・最終承認まで複数フェーズが発生する場合、フェーズごとにURLの期限を設定すると便利だ。「初稿確認:3日」「修正版:5日」「最終承認:1週間」のようにフェーズに合わせた期限を設定すると、古いバージョンが参照され続けるリスクを防ぎ、いつのバージョンを見ているかの混乱を減らせる。

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

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

LP案のフィードバック依頼メッセージには「このLPを見て何をするサービスか30秒で分かりますか?」という質問を必ず入れる。LPの最重要評価軸はメッセージの明確さのため、ここを最初に確認してもらうことで、細かい色や文字サイズのコメントより先に本質的な問題を発見できる。

フィードバックをもらう形式として、Notionのコメントかスプレッドシートを活用すると、複数人のレビュアーの意見が一箇所に集まる。URLのリンクとともに「フィードバックはこちらのシートに入力してください」と手順を示すと、Slackやメールのスレッドにバラバラにコメントされるよりも整理が容易になる。

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

よくある質問

Cursor AgentはどのようなファイルをLP生成時に出力するか?

通常はindex.htmlを主ファイルとして出力し、CSSはstyles.cssか`<style>`タグとしてインラインに入ることが多い。Tailwindを使っている場合はCDNリンクのみでCSSファイルがない場合もある。使っているリソースを把握してから共有用にまとめる。

クライアントがURLを開いたかどうかを把握する方法はあるか?

ギガサイト便のようなサービスではアクセスログが確認できる場合がある。ただし個人情報保護の観点からIPアドレスを記録していることをクライアントに事前に伝えるのが適切だ。シンプルに「確認できたら教えてください」と依頼する方法でも十分なことが多い。

LP案のURLを社内Slackチャンネルにポストして広くフィードバックを集めるのは問題ないか?

社内Slackであれば情報漏洩リスクは比較的低いが、未発表の価格や特典情報が含まれる場合はチャンネルの参加者範囲を確認する。マーケ担当者限定のプライベートチャンネルに投稿し、URLに有効期限を設けるのがより安全だ。

関連記事

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