WPFormsのHiddenフィールドをご存知ですか?
人生において、秘密を発見することほどエキサイティングなことはない。
WPFormsには秘密のフィールドがあります。WPFormsにはシークレットフィールドがあります。もしそれがあなたのように聞こえるなら、私は言わなければなりません - あなたは見逃しています!
WPFormsの隠しフィールドは訪問者には見えませんが、ユーザーの入力で有用なメタデータを収集できるようにすることで、非常に価値のあるものになります。
隠し入力フィールドを設定することで、あなたのウェブサイトのフォームに入力した人から、場所、IPアドレス、リファラーURLなど、あらゆる種類の楽しい情報を収集することができます。
この投稿では、ユーザーエクスペリエンスに影響を与えることなく、有用な情報を収集するためにHiddenフィールドを使用する一般的な方法をいくつか紹介したいと思います。
WPFormsの隠しフィールドとは?
準備はいいですか?今回は、Hiddenフィールドの一般的な使い方をご紹介します。さあ、始めましょう。
ヒドゥン・フィールドの目的とは?
隠しフォームフィールドとは、フォームに追加できるフィールドのことで、ユーザーには表示されません。
WPFormsでは、このフィールドは単に隠しフィールドと呼ばれています。この隠しフィールドは、WPFormsのスマートタグを使用して情報を取得することができます。

なぜWPFormsの隠しフィールドを使いたいのか?
スマートタグは、あなたにとっては便利な情報であっても、訪問者がフォームに記入する際にそのフィールドが見えたら混乱するような情報を収集します。
隠しフィールドにスマートタグを埋め込むことで、必要な情報を取得しながら最高のユーザーエクスペリエンスを提供できます。
訪問者がこの情報を直接あなたに提供することは理にかなっていないかもしれませんが、それでも情報を取得することはできます。
WPForms隠し入力フィールドのハック
さて、WPFormsの隠しフィールドが何であるかが分かったところで、その素晴らしい使い方をいくつか紹介しましょう:
1.ユーザーIPアドレスの検索
すべてのユーザーは固有のIPアドレスを持っています。IPアドレスの取得はフォームスパム対策に特に役立ちます。
スパムを送信しているIPアドレスを確認したら、ホスティング会社やセキュリティ・プラグインを使って、そのアドレスからのアクセスをブロックすることができる。
エントリーを送信するユーザーのIPアドレスを取得するには、隠しフィールドをフォームに追加し、それをクリックしてフィールドオプションを開きます。

隠しフィールドの名前を変更しておくと、後でこのフィールドがどのような情報を含んでいるのか混乱することがありません。ですから、隠しフィールドのラベルを自由に変更してください。

次に、Advancedタブをクリックして、さらにオプションを開きます。

ここで、隠しフィールドにデフォルト値を与える必要があります。これを行うには、スマートタグを使用して、デフォルト値が個々のユーザーに応じて動的に更新されるようにします。
デフォルト値]ボックスの右側にある[スマートタグを表示]リンクをクリックします。

使用可能なスマートタグがたくさん表示されます。IPアドレス情報を取得したいので、リストから「ユーザーIPアドレス」をクリックします。

隠しフィールドのユーザーIPアドレススマートタグを使用すると、フォーム入力の訪問者のIPアドレスを見ることができます。

2.人々がどのようにあなたを見つけたかを見る
について {url_referer}
スマートタグは、ユーザーをフォームに誘導したページアドレスを取得します。
例えば、ユーザーがホームページにいて、フォームに入力する前にお問い合わせページに移動した場合 {url_referer}
スマートタグはホームページのURLを表示する。

これは、各エントリーにトラフィックソースの詳細を追加し、人々があなたのフォームをどのように発見したかをより詳しく知ることができる素晴らしい方法です。

この情報をもとに、サイトの最適化を決定し、フォームのコンバージョンを高めることができます。
3.カスタムリンクでキャンペーンを追跡
また、隠しフィールドを使用して、外部ソースや特定のマーケティングキャンペーンからの紹介を追跡することもできます。
これを行うには、隠しフィールドのデフォルト値ボックスにクエリー文字列変数スマートタグを追加するだけです。

これで {query_var key=""}
に追加された。 デフォルト値 ボックスに入力します。このタグを適切に設定するには、追跡したいトラフィックまたはキャンペーンソースを表すキーを入力する必要があります。
そのためには、フォームを埋め込む ページのURLを変更することが重要です。
例えば、フォーム・ページのURLを次のように仮定してみましょう。 yoursite.com/contact/
.フェイスブックページから問い合わせフォームを宣伝したい場合は、次のようなリンクに変更してください: yoursite.com/contact/?source=facebook.
ご覧のように、このリンクはフォームページの標準的なURLを使用し、ソースを簡単に追跡できるように何か追加しています。この例のURLを使用すると、引用符の間に入力する必要があるクエリー文字列のキーは「source」です。

ただし、URLトラッキングの規約によっては、別のクエリー文字列キーを使用することも可能です。
ユーザーが以下のリンク例のいずれかをクリックしてフォームにアクセスすると、フォームはURLで定義されたソースをキャプチャします。
- フェイスブック- yoursite.com/page/?source=facebook
- ツイッター- yoursite.com/page/?source=twitter
- ニュースレター- yoursite.com/page/?source=newsletter
こうすることで、キャンペーンや特定の外部ソースを簡単に追跡することができる。

実際、リンク追跡情報とともにエントリー通知を受け取るのは良いアイデアかもしれない。
これを設定するには、設定 " 通知に進みます。そこから、「メールアドレス 」と書かれたセクションまでスクロールダウンし、メッセージボックスの右上にある「スマートタグを表示」をクリックします。

利用可能なフィールドリストから隠しフィールドのラベルを選択します。隠しフィールドのラベルを "Source "としましたので、この例ではこれを選択します。

通知には次のようなコードが追加されます。 {field_id="#"}
を数字で表す。

保存をクリックすると、投稿やページでフォームを公開する準備が整います。
このヒントの最後のステップは、このフォームを含むページへのリンクを共有することです。リンクを共有するプラットフォーム(フェイスブック、ツイッターなど)ごとに、リンクの末尾にソースを追加してください。
そうすることで、WPFormsはそれを認識し、各エントリーのソース情報を正しく引き出すことができる。
4.ユーザーロケーションの検索
ユーザーがどこにいるかを確認できるGeolocationアドオンをすでに気に入っているのであれば、Hiddenフィールドでentry geolocation Smart Tagの使用を検討するとよいでしょう。
隠しフィールドのオプションを開き、デフォルト値のオプションからエントリージオロケーションスマートタグを選択するだけです。

このスマートタグを通知メールに追加することもできますので、ダッシュボードやフォーム入力にサインインして探す必要はありません。これは、電話のためにユーザーのタイムゾーンを知る必要がある場合に特に便利です。
メール通知メッセージのスマートタグリストを開き、ジオロケーション入力を選択するだけです。

Geolocationアドオンにはもう一つの目的があることをご存知ですか?フォームの住所オートコンプリートにも使えます!

GoogleプレイスやMapboxに接続するだけで、どのフォームでも住所のオートコンプリートを有効にすることができます。フォームにインタラクティブマップを追加して、ユーザーがピンをドロップして場所を選択することもできます。
5.ユーザーIDの割り当て
訪問者が誰であるかを識別できるようにしたいが、名前を尋ねるのは嫌ですか?大丈夫です!ユニークなIDで訪問者を識別することができます。
WordPressサイトでは、すべての登録ユーザーにID番号が自動的に割り当てられます。ユーザーIDスマートタグで隠しフィールドを追加すると、ログインしたユーザーがフォームを送信したときにIDを確認することができます。

これは、匿名アンケートを作成していて、どのユーザーが回答したかを確認したい場合に特に役立ちます。
6.ページごとのフォーム送信の追跡
私たちのお客様の多くは、同じフォームを様々な場所で使用しています。例えば、すべてのブログ記事の下にニュースレター登録フォームを設置することができます。
このような設定をした場合、同じフォームの入力がどこから来たのか、入力元ページを追跡するのは難しいでしょう。
すべてのエントリーでソースページの情報を表示する簡単な方法は、埋め込み投稿/ページタイトル・スマートタグを 使用することです。

このスマートタグは、フォーム送信が行われたページや投稿のタイトルを無言でキャプチャします。
7.特定のメールアドレスをブロックする
多くのスパムボットに攻撃される場合は、Google reCAPTCHAまたはhCaptchaを使ってコンタクトフォームのスパムを防ぐことができます。
しかし、本当の人間の訪問者であるスパマーについてはどうだろうか?
WPFormsには、フォームを指定したメールアドレスに簡単にロックダウンできる便利な機能があります。これは Allowlist/Denylist と呼ばれています。
メールアドレスフィールドのフィールドオプション設定の「詳細」タブをクリックしてください。

フィールドをクリックすると、AllowlistとDenylistのドロップダウンメニューが表示されます。Allowlistを使用すると、入力したメールアドレスのみを許可することができます。
または、逆にDenylistを選択して、設定で指定したメールアドレス以外のすべてのエントリーを受け付けるようにすることもできます。
下の欄にブロックしたいEメールを入力してください。

次にスパマーがフォームを送信しようと戻ってきたとき、彼らは足止めを食らうだろう。
8.フォームのコンバージョンを促進するページを見る
あなたのサイトにフォームを公開するとき、あなたの最終的な目標は、より多くのフォームコンバージョン(エントリー、リード、売上)を得ることです。
どのページがコンバージョンを促進しているのかがわかれば、訪問者に利益をもたらし、行動を促すようなコンテンツをさらに開発することができる。
ここで素晴らしいニュースです。WPFormsのUser Journeyアドオンで簡単にこの情報を解除することができます。

すべてのフォーム入力の下に、ユーザーがフォームに入力する前に行ったアクションのリストが表示されます。このアドオンはユーザージャーニーマップを作成するのに最適なツールです。各ユーザーの行動を自動的に記録し、WordPress のエントリーに表示します。
訪問者がサイトを訪れた瞬間からフォームを送信するまでのステップをたどることができます。さらに、このアドオンでは
- 訪問者が検索したもの
- 参照キャンペーンのUTMパラメータ
- 各ページや投稿に費やした時間

WPFormsでは、Facebook Pixelや Google Analyticsを使って フォームのコンバージョンを測定することもできます。しかし、これらのデータを読み解くのに時間がかかることもあります。
訪問者の特徴を素早く理解したい場合、User Journeyアドオンが最適なソリューションです。
次に、注文フォームにクーポンコードフィールドを作成します。
そうです!これで、WPForms フォームビルダーの隠しフィールドを使ってフォームユーザーの追加データを見つけるための素晴らしいハックがいくつかできました。
フォームにさらにカスタムフィールドを追加したい場合は、次にクーポンコードフィールドの追加方法をお読みください。
WPFormsでスパムを排除する方法についてもっと知りたい方は、ボットによるフォームへの入力を阻止するためのガイドをご覧ください。
フォームを作る準備はできましたか?最も簡単なWordPressフォームビルダープラグインで今すぐ始めましょう。WPForms Proにはたくさんの無料テンプレートが含まれており、14日間の返金保証がついています。
この記事がお役に立ちましたら、Facebookや TwitterでWordPressの無料チュートリアルやガイドをフォローしてください。
バックエンドで非表示のフィールドを編集することはできますか?バックエンドで "Notes "を使えることは知っていますが、異なる "Notes "フィールドを持ちたいのです。
やあ、ピーター、
おっしゃることを実現するには、1行テキスト・フィールドを追加して、CSSクラス
wpforms-field-hidden
- この方法で、フィールドはフロントエンドでは非表示になりますが、WordPress管理ダッシュボードからアクセスして編集することができます。お役に立てれば幸いです! 🙂。
ニヒルさん、すでに収集された隠しフィールドのデータをさかのぼって編集する方法はありますか?
デイビッド - 現在、隠しフィールドの情報を編集する機能はありません。これは素晴らしい機能だと思うので、機能リクエストトラッカーに追加して、開発者のレーダーに表示するようにします。
プロにアップグレードしなくても、プラグインに追加したカスタムコードでIPアドレスを取得できますか?
ありがとう。
もし今すぐ有料版にアップグレードしたくないのであれば、ここで紹介した方法でユーザーIPのカスタムスマートタグを作成してみるか、カスタム開発のCodeableや WPBuffsを利用することができます。ありがとうございます。
こんにちは、
のようなHTMLコードで隠しフィールドを入力できますか?
ありがとう
コメントありがとう。申し訳ありませんが、ご質問の意味がよくわかりません。お時間がありましたら、より詳細な内容や、場合によっては具体的な例をお聞かせいただけますか?
ありがとう🙂。
こんにちは、私は通知に使用したい400以上のメールアドレスを持っています、私はそれらを一つずつ入力する必要がありますか、またはバルクキャプチャの他の選択肢(例えば、Excelからメールアドレスをインポートする)はありますか?
アラン - 400通のメールにメール通知を送りたいのであれば、申し訳ありませんが、現在メールアドレスをインポートするオプションはありませんので、手動で追加していただく必要があります。 機能リクエストトラッカーに追加しておきます。
フィールド#1(例:名前)と隠しフィールドがあります。
フィールド#1の値を隠しフィールドに表示することは可能ですか?
サンクス
こんにちは、メル - 現在、フォームを送信する前に隠しフィールドのフィールド値を表示する機能はありません。これは素晴らしい機能だと思いますので、開発者の目に留まるよう、機能リクエストトラッカーに追加しておきます。
ありがとう🙂。
隠しフィールド機能を使って、エントリーの日付/時刻をGoogleシートに渡すことはできますか?
こんにちは、Megan - はい、このドキュメントで説明されているように、隠しフィールド内でスマートタグを使用することで、エントリーに日付/時刻を渡すことができます。そして、そのフィールドをGoogleシートとマッピングするだけです。以上です🙂。
お役に立てれば幸いです。ありがとう!
やあ、みんな、
ユーザーに送信する確認メールに、アップロードしたファイルのリストを追加したいのですが。
彼らはしばしば、確認としてこのリストを見るように要求します。
例えば
ファイルをアップロードしていただき、ありがとうございます:
ファイル1.doc
ファイル2.png
ファイル3.xlm
メールテンプレートでaffliateWPのリファラを取得するのはどうですか?
こんにちは、アレクサンドル、
このスマートタグを使用することで、WPFormsのメールテンプレートにAffiliateWPのリファラーを含めることができます:
{query_var key="ref"}
これはURLからアフィリエイトIDまたはユーザー名を取得します。例えば、誰かがあなたのフォームページに
?ref=123
または?ref=johndoe
その値はEメール通知に含まれます。お役に立てれば幸いです。ありがとう!