AI活用

WordPress AIで生成したフォーム付きページをレビュー用URLにして共有する方法

WordPress AIで生成したフォーム付きページをHTMLとして書き出し、クライアントや上司にレビューしてもらう際、実際の入力体験も確認してもらいたいと思うことは多い。しかしWordPress環境に直接アクセスさせるのはセキュリティ上好ましくなく、ローカルのHTMLファイルを送るのも手間がかかる。ギガサイト便なら認証付きURLを即座に発行でき、入力フォームの見た目と操作感を手軽に体験してもらえる。

何が共有しづらいのか

WordPress AIが生成するフォームページはContact Form 7やWPFormsの出力を前提としており、送信処理がWordPressのajax.phpに依存していることが多い。HTMLファイルとして書き出した後は送信処理が機能しないため、「送信ボタンを押しても応答なし」という状態でレビューが進むことがある。これはバグではなくWordPress環境外での動作限界であることを事前に伝えておこう。

フォームにreCAPTCHAが組み込まれている場合、サイトキーがWordPressの本番ドメインに紐づいているため、別のURLから呼び出すと「このサイトのドメインは許可されていません」というエラーが表示される。レビュー用途ではreCAPTCHAのscriptタグをHTMLからコメントアウトし、デザインと入力欄の確認に特化した状態でアップロードするのが現実的だ。

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

URL化する前の確認点

WordPressのフォームプラグインが生成したHTMLには、ユーザーIDや投稿IDがhidden inputに含まれていることがある。これらは動作上は無害だが、技術者でないレビュアーが「個人情報が入っている」と誤解する可能性があるため、不要なhidden inputはアップロード前に削除しておく。

フォームページに個人情報保護方針へのリンクが含まれている場合、そのリンク先がWordPressの本番サイトURLになっていないかを確認する。本番URLへのリンクが含まれると、レビュアーが誤って本番サイトに遷移し、「レビュー用のURLを送ってもらったのにサイト全体が見えてしまう」という状況になる。

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

認証と期限の決め方

クライアントが複数の担当者で確認する場合、全員に共通のパスワードを設定するのがもっともシンプルだ。WordPressのフォームページレビューは「デザインの確認」が主目的のため、高度なアクセス制御よりも手軽さを優先するほうが運用コストを下げやすい。ただし競合他社への漏洩を懸念するなら、メール認証を組み合わせてアクセスログを残す設定も検討しよう。

フォームページのレビュー期限はクライアントとの修正確認MTGの翌日に設定すると実務的だ。MTG後に「あの画面もう一度見たい」という確認が発生することが多く、当日に期限を切ると余計なフォローアップが増える。期限後はアーカイブとしてPDFをSlackチャンネルに保存しておくと後工程でも参照できる。

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

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

フォームページのレビューでは「入力項目の数は適切か」「ラベルの文言はわかりやすいか」「送信ボタンの位置は見つけやすいか」を必ず確認してもらうよう依頼文に明記する。特にラベルの文言は実際のユーザーに近い立場のレビュアーほど的確な意見を持っているため、「ユーザー目線で違和感を感じた点があれば教えてください」と一言添えると精度の高いフィードバックが集まる。

送信ボタンが動作しないことをレビュアーが把握していないと「バグがある」という誤った報告が来ることがある。共有メールに「このURLは表示確認用です。送信ボタンは機能しません」と明記するだけでなく、フォームページのヘッダーに「【デザイン確認用・送信機能なし】」のバナーを追加しておくと、その旨が繰り返し説明なしで伝わる。

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

よくある質問

フォームのバリデーション(入力チェック)も確認してもらいたいのですが、WordPressなしで動かす方法はありますか?

HTMLのrequired属性とpattern属性によるブラウザ標準バリデーションは、WordPressなしでも動作する。サーバー側バリデーション(PHPによる処理)が必要な確認はステージング環境を用意するか、バリデーション部分だけをJavaScriptで簡易実装してURLで共有する方法がある。

フォームをテスト送信したいレビュアーがいる場合、どう対応すればよいですか?

テスト送信を試したい場合はFormspreeやNetlify Formsのテストエンドポイントにformのactionを切り替えた専用バージョンを用意する。送信されたデータは専用ダッシュボードで確認でき、本番データとは完全に分離できる。

フォームページに複数のステップ(ステップ1→ステップ2)がある場合、URLで共有できますか?

JavaScriptで画面切り替えをするマルチステップフォームも、HTMLとJSファイルをセットでアップロードすれば動作する。ただしアップロード時にJSファイルのパスが正しく設定されているかを確認する必要がある。

関連記事

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