AI活用

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

Zapier InterfacesのAI機能でLP案を生成しても、そのHTMLをそのまま社外のクライアントや上司に見せるのは難しい。ローカルで開いてスクリーンショットを撮ると動的な部分が伝わらないし、パブリックURLにするとGoogleに索引されかねない。レビューに必要な人だけが一定期間だけ見られる状態を短時間で作る方法を解説する。

何が共有しづらいのか

Zapier InterfacesはZapierアカウントにログインした状態でしか表示できないページを生成することが多く、外部クライアントや社外パートナーにURLを送っても「ログイン画面が出た」と返ってくるケースがある。LP案のレビューで相手にZapierアカウントを作らせるのは現実的でないため、HTMLをエクスポートして別の場所に公開する手順が必要になる。

LP案はビジュアルの第一印象を伝えることが目的なので、スマートフォンでの見え方が致命的に崩れていると「このデザインでいい」という判断ができない。Zapier InterfacesのHTMLエクスポートはViewportメタタグが省かれる場合があり、モバイルで極小フォントになることがある。URL化する前に`<meta name="viewport" content="width=device-width, initial-scale=1">`が`<head>`内にあるかを確認する。

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

URL化する前の確認点

Zapier InterfacesがLP案に埋め込んだCTAボタンの`href`がZapierの内部パスを指している場合、外部からアクセスすると404か別のログインページに飛ぶ。クライアントが「ボタンを押したら変なページに行った」と混乱しないよう、すべてのリンクを`href="#"`に差し替えるか、ボタン自体に`pointer-events:none`を加えて非活性であることを視覚的に示す。

LP案にはコンバージョン計測用の埋め込みスクリプトやトラッキングピクセルが含まれることがある。レビュー用URLにアクセスしたレビュワーのIPが本番の広告計測に混入すると数値が汚染される。`<script>`タグをすべてリストアップし、Google Tag Manager、Meta Pixel、その他サードパーティのスクリプトが含まれていれば削除してからアップロードする。

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

認証と期限の決め方

LP案を競合他社に見られることは事業上のリスクになる。「社外のクライアントに見せる」ケースでも、そのクライアントが特定の1社であればパスワード認証で十分だが、代理店経由で複数社が確認する可能性があるならメール認証を使い、誰がいつ開いたかのログを残せる設定を選ぶ。

LP案のレビューサイクルは通常1〜2週間で完結する。それ以上URLを生かし続けると、承認済みの旧案が検索やブックマークから参照される事態が起きる。期限を2週間に設定し、承認後は即座にURLを無効化するか、パスワードを変更して旧URLからのアクセスをブロックする。

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

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

LP案に対してクライアントから返ってくる意見は「なんか微妙」「もっとかっこよく」のような抽象的なものが多い。共有メッセージに「ファーストビューのキャッチコピー」「CTAボタンの色」「価格表示の位置」という3点を明示し、それぞれについてYes/Noと一言コメントを返してもらう形式にすると修正指示が具体的になる。

Zapier InterfacesのLPはZapierのバージョンアップで出力が変わることがある。フィードバック回収後に同じプロンプトで再生成すると見た目が変わってしまう場合があるため、承認を得たHTMLファイルは必ずローカルに保存してバックアップしておく。修正時は保存済みのHTMLを直接編集してアップロードし直す方が安全だ。

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

よくある質問

LP案のHTMLにZapier製のCSSクラス名が大量に含まれていますが、外部公開すると表示が崩れますか?

CSSをインラインまたは`<style>`タグで完結させていれば崩れない。外部CSSファイルをZapierのサーバーから読み込んでいる場合は崩れるので、HTML内にスタイルをすべてインライン化してから公開する。

パスワード認証を設定したURLを、クライアントがさらに社内で転送してしまった場合のリスクは?

パスワードを知っている人なら誰でも開ける状態になる。機密度が高いLP案ならメール認証に切り替え、アクセスを許可するメールアドレスを明示的にリストで管理する方式が確実だ。

レビュー期限が切れた後に「やっぱりもう一度見たい」と言われたとき、同じURLを復活させられますか?

サービスによって可否が異なるが、期限を再設定できる場合は同じURLで復活可能。できない場合は新しいURLを発行してクライアントに再送する。事前に「期限後の再公開可否」を確認しておくと対応が速い。

関連記事

AI活用

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

Google StitchでLP案を生成したデザイナー・マーケター向け。生成したHTMLをレビュー用URLとして安全に共有するための前処理・認証設定・フィードバック回収の手順を具体的に解説し、どの認証方式が適切か判断できるようにする。

4分で読める
「AI活用」の記事をもっと見る →