隠しフィールド: ユーザー入力なしでデータを渡す

すべてのデータがユーザー入力から得られるわけではありません。ユーザーはどこから来たのでしょうか？どの広告をクリックしたのでしょうか？どのページを閲覧していたのでしょうか？隠しフィールドはこうした目に見えないデータを自動的に取得し、フォームに手間をかけずに入力内容を充実させます。隠しフィールドを効果的に活用する方法をご紹介します。

記事上で

隠しフィールドとは何ですか?

隠しフィールドは、ユーザーには表示されずにデータを保存・送信するフォーム要素です。フォーム内では空白のように見えますが、実際にはユーザーの入力内容と共に送信される値が含まれています。

彼らが働く仕組み

表示形式: ┌──────────────────────────────────────┐ │ 名前: [John Smith ] │ │ メール: [[メール保護]     ] │ │ メッセージ: [いくらですか...] │ │ │ │ [送信] │ └──────────────────────────────────────┘ 実際に送信するもの: - 名前: John Smith - メールアドレス: [メール保護]
- メッセージ: いくらですか... - ソース: google_ads ← 非表示フィールド - Campaign: summer_sale_2026 ← 非表示フィールド - Landing_Page: /pricing ← 非表示フィールド

操作方法

ユーザーに隠しフィールドは表示されない
追加の記入欄はありません
フォームはクリーンで集中力を保つ
自動的にキャプチャされたデータ

隠しフィールドを使用する理由

1. マーケティングソースを追跡する

どのキャンペーンがリード獲得につながっているかを把握する:

広告キャンペーンID
トラフィックソース
アフィリエイト紹介
ソーシャルメディアチャネル

2. ページのコンテキストをキャプチャする

ユーザーが送信したときにどこにいたかを知る:

ランディングページURL
閲覧中の商品
読まれているブログ投稿
ページの言語/バージョン

3. 技術データを渡す

システム情報をキャプチャします:

フォームバージョン
A/Bテストバリアント
ユーザーエージェント
スタンプ

4. 既知の情報を事前に入力する

すでに持っているデータを含める:

ユーザーID（ログインしている場合）
口座の種類
サブスクリプションレベル
以前のやり取り

5. 関連データを接続する

他のシステムへの提出物のリンク:

CRMレコードID
注文番号
チケット参照
セッション識別子

AFBで隠しフィールドを作成する

方法1: 非表示モードのテキストフィールド

加える テキスト フィールドあなたのフォームに
フィールド設定を開く
有効にする 隠しフィールド モード
デフォルト値を設定する
フロントエンドでフィールドが非表示になる

設定オプション

ラベル： 内部名（参考用）
デフォルト値： 送信する値
隠し： オンに切り替えます

セットアップ例

フィールド: テキスト ラベル: "トラフィックソース" 非表示: はい デフォルト値: "organic_search"

一般的な隠しフィールドの使用例

ユースケース1: UTMパラメータトラッキング

目的： フォームの送信を促進するマーケティングキャンペーンを追跡する

隠しフィールド:

utm_source: [URLからの値] utm_medium: [URLからの値] utm_campaign: [URLからの値] utm_content: [URLからの値] utm_term: [URLからの値]

URLの例:

yoursite.com/contact?utm_source=google&utm_medium=cpc&utm_campaign=summer_sale

提出データ:

名前: ジョン・スミス メールアドレス: [メール保護]
utm_source: google utm_medium: cpc utm_campaign: summer_sale

ユースケース2: ページ/製品のコンテキスト

目的： フォームがどのページにあったかを知る

隠しフィールド:

page_url: [現在のページのURL] page_title: [現在のページのタイトル] product_id: [閲覧中の商品]

なぜ役に立つのか:

「…について質問があります」→どの製品か分かりますか？
サポートリクエスト → 相手がどの記事を読んでいたかがわかる
営業に関するお問い合わせ → どのサービスページか分かります

ユースケース3: フォームのバージョン/テスト

目的： どのフォームバリアントが送信されたかを追跡する

隠しフィールド:

form_version: "v2.3" ab_test_variant: "B" form_location: "サイドバー"

なぜ役に立つのか:

バージョン間のコンバージョン率を比較する
どのA/Bバリアントのパフォーマンスが優れているかを知る
フォーム配置の有効性を追跡する

ユースケース4: リファラー情報

目的： ユーザーがサイトにどのように到達したかを知る

隠しフィールド:

referrer_url: [ドキュメントの参照元]

キャプチャ:

あなたにリンクしているサイト
どの検索エンジン
ソーシャルメディアプラットフォーム
メールキャンペーン（リンクをクリックした場合）

ユースケース5: ユーザー識別

目的： 既知のユーザーへの投稿のリンク

隠しフィールド:

user_id: [WordPressユーザーID] user_email: [ログインユーザーのメールアドレス] customer_type: [アカウントの種類]

なぜ役に立つのか:

ログインしたユーザーは情報を再入力しません
CRMレコードへのリンク
パーソナライズされたフォローアップ

ユースケース6: タイムスタンプ/メタデータ

目的： 提出コンテキストをキャプチャする

隠しフィールド:

submission_timestamp: [現在の日時] user_timezone: [ブラウザのタイムゾーン] browser_language: [ブラウザの言語設定]

ユースケース7: アフィリエイト/パートナーの追跡

目的： 紹介のためのクレジットパートナー

隠しフィールド:

affiliate_id: [URLパラメータからの値] partner_code: [Cookie値]

URLの例:

yoursite.com/signup?ref=partner123

動的な隠しフィールド値

静的値

ハードコードされており、誰に対しても同じです:

form_name: "お問い合わせフォーム" form_version: "1.0" department: "営業"

URLパラメータ

ページ URL からの値:

URL: yoursite.com/page?source=facebook&campaign=spring 隠しフィールドのキャプチャ: ソース: "facebook" キャンペーン: "spring"

ページ情報

現在のページのコンテキスト:

page_url: "https://yoursite.com/products/widget" page_title: "プレミアムウィジェット - あなたのサイト"

クッキーの値

ブラウザに保存されるデータ:

visitor_id: [トラッキングCookieから] first_visit: [Cookieからの初回訪問日]

JavaScript生成

ページで計算された値:

timestamp: [現在の時刻] screen_resolution: [ユーザーの画面サイズ] timezone: [ユーザーのタイムゾーン]

URLパラメータキャプチャの設定

URLパラメータの仕組み

ベース URL: yoursite.com/contact パラメータ付き: yoursite.com/contact?source=email&campaign=newsletter パラメータ: - source = email - campaign = newsletter

隠しフィールドのパラメータの取得

ステップ1： パラメータ名で隠しフィールドを作成する

フィールドラベル: ソース 非表示: はい デフォルト: (空またはフォールバック値)

ステップ2： URLから読み取るように設定する

名前が一致する場合、フィールドには URL パラメータから自動的に入力されます。

ステップ3： URLパラメータでテストする

アクセス: yoursite.com/contact?source=test_value フォームを送信 送信を確認: source = "test_value"

ベストプラクティス

1. わかりやすい名前を付ける

良い例: - traffic_source - utm_campaign - landing_page_url 避けるべき例: - field1 - data - x

2. フォールバック値を設定する

URL パラメータが欠落している場合はどうなりますか?

デフォルト値: 「direct」（ソースの場合） デフォルト値: 「none」（キャンペーンの場合） デフォルト値: 「organic」（メディアの場合）

3. 過剰に追跡しない

実際に使用するデータのみをキャプチャします。

このフィールドを分析しますか?
リード選定に役立ちますか?
フォローアップは必要ですか？

4.透明になる

プライバシーポリシーには以下の内容を記載する必要があります。

収集するデータ
追跡データの使用方法
第三者への統合

5. 徹底的にテストする

パラメータ付きのテストフォームを送信する
正しくキャプチャされた値を確認する
不足しているパラメータのシナリオをテストする
小切手の提出には隠しデータが含まれています

6. 必要に応じて検証する

重要な非表示の値の場合:

サーバー側でフォーマットを検証する
入力をサニタイズする
クライアント側のデータを盲目的に信頼しない

メール通知の隠しフィールド

隠しデータを含む

通知メールには隠しフィールドが表示される場合があります。

新しいお問い合わせフォームの送信 名前: John Smith メールアドレス: [メール保護]
メッセージ: 詳細を知りたいです... --- トラッキング情報 --- ソース: google_ads キャンペーン: summer_sale ページ: /pricing

メールコンテンツの整理

隠しフィールドを個別にグループ化する
「トラッキング」または「メタデータ」というラベルを付ける
顧客向けメールから除外することを検討する

エクスポートの隠しフィールド

CSVエクスポート

非表示のフィールドは列として表示されます。

名前、メール、メッセージ、ソース、キャンペーン、ページ John、[メール保護],質問...,google,summer_sale,/pricing ジェーン、[メール保護],お問い合わせ...,facebook,spring_promo,/services

隠しフィールドによるフィルタリング

スプレッドシートで:

ソース別にフィルタリングして、Google のすべてのリード情報を表示します
キャンペーン別にフィルタリングして特定のプロモーションを測定する
ランディングページによるコンバージョンを分析する

マーケティングアトリビューションの例

隠しフィールド: 1. utm_source (デフォルト: "direct") 2. utm_medium (デフォルト: "none") 3. utm_campaign (デフォルト: "none") 4. utm_content (デフォルト: "none") 5. landing_page (現在の URL をキャプチャ)

広告キャンペーンのURL

Google 広告: yoursite.com/offer?utm_source=google&utm_medium=cpc&utm_campaign=spring_sale Facebook: yoursite.com/offer?utm_source=facebook&utm_medium=paid_social&utm_campaign=retargeting メール: yoursite.com/offer?utm_source=newsletter&utm_medium=email&utm_campaign=march_promo

結果データ

送信 1: - 名前: John - utm_source: google - utm_medium: cpc - utm_campaign: spring_sale 送信 2: - 名前: Jane - utm_source: facebook - utm_medium: paid_social - utm_campaign: retargeting 送信 3: - 名前: Bob - utm_source: direct - utm_medium: none - utm_campaign: none (URL に UTM パラメータはありません)

分析

Google 広告: 45 件のリード
Facebook: 32件のリード
メール: 28件のリード
直接: 15件のリード

セキュリティに関する考慮事項

隠す≠安全

重要: 非表示のフィールドは、ページを検査するユーザーには表示されません。

ページのソースコードに表示される
ブラウザ開発ツールで確認できる
熟練したユーザーなら変更可能

隠しフィールドに入れてはいけないもの

パスワードまたは秘密
機密性の高い個人データ
変更すべきでない価格設定
セキュリティトークン（適切に検証されていない場合）

適切なもの

追跡/分析データ
ページのコンテキスト
非機密メタデータ
サーバー側で検証される値

トラブルシューティング

隠しフィールドが送信されない

フィールドが実際にフォーム内にあることを確認する
隠しモードが有効になっていることを確認する
デフォルト値が設定されていることを確認する
まずは単純な静的値でテストする

URLパラメータがキャプチャされませんでした

パラメータ名が完全に一致するか確認する（大文字と小文字を区別）
URLにパラメータがあることを確認する
テストパラメータキャプチャが構成されている

値は常にデフォルトを表示します

動的な値のソースが構成されていない可能性があります
コンソールでJavaScriptエラーを確認する
検証機能がサポートされています

提出物内の空の値

フォールバックのデフォルト値を設定する
値のソースが利用可能かどうかを確認する
直接訪問を示す可能性がある（パラメータなし）

製品概要

隠しフィールドを効果的に使用する:

テキストフィールドを追加 – 隠しモードを有効にすると
ラベルを設定する – 明確で説明的な名前
値を設定する – 静的または動的ソース
フォールバックを設定する – ソースが利用できない場合はデフォルト
徹底的にテストする – キャプチャした値を検証する
分析での使用 – 非表示のデータをフィルタリングしてレポートする

結論

隠しフィールドは、フォームを単なるデータ収集ツールから強力なトラッキングツールへと変貌させます。ユーザーに負担をかけることなく、マーケティングアトリビューション、ページコンテキスト、そしてメタデータを取得し、すべての送信内容をより豊かにします。どのキャンペーンがリード獲得につながり、どのページが問い合わせを生み出し、どのコンテンツがコンバージョンにつながったか、すべて自動的に把握できます。

自動フォームビルダー テキストフィールドの非表示モードを通じて非表示フィールドをサポートし、ユーザーの送信とともに URL パラメータ、ページ情報、静的な値を取得できます。

さらに多くのデータを追跡する準備はできましたか? 自動フォームビルダーをダウンロード隠しフィールドを使用してフォーム送信を充実させましょう。