フォーム ブロックの [非表示] フィールドを使用して、訪問者がどのようにコンテンツを見つけたかを追跡します。

フォーム ブロック内の [非表示] フォーム フィールドを使用して、参照元を追跡するためのURLを作成できます。これは、サイト上のフォームを通じてクエリ パラメーターを渡すことによって行われます。

このガイドの手順に従って、フォームのセットアップ、紹介URLの作成、紹介ソースの追跡を行います。

フォームを設定する

隠しフィールドを持つフォーム ブロックを追加する方法は次の通りです。

1. ページまたは投稿を編集し、挿入箇所をクリックして、メニューの [フォーム] をクリックします。
2. [コンテンツ] タブで、[フォーム フィールドを編集] をクリックし、[フィールドを追加] をクリックします。
3. メニューで [非表示] をクリックしてフォームに追加し、フォームのフィールドリストで [非表示] をクリックして非表示のフィールドをカスタマイズします。

この非表示フィールドは、サイトの訪問者には表示されません。

ヒント: 既定値では、フォーム ブロックには [名前]、[メールアドレス]、[件名]、[メッセージ] のフォーム フィールドが含まれます。フォーム ブロックの設定の詳細については、こちらのガイドを参照してください。

非表示フィールドのカスタマイズ

非表示のフォーム フィールドの [ラベル] を編集します。これにより、下のフィールドにSQF_で始まる変数が自動的に追加されます。たとえば、Sourceというラベルを使用する場合、変数はSQF_SOURCEとなります。

これは、異なるメディアでURLを共有する際に、ページのURLに使用される変数です。

ヒント: 特にストレージ サービスとしてGoogleドライブやMailchimpを使用している場合は、1単語の変数を使用するのが最適です。複数の単語や文字を含む変数は、データを適切に移動できない可能性があります。

[値] フィールドに追加したテキストは、変数が利用できない場合にフォームを介して送信される既定の情報です。これは、誰かがサイトに直接訪問してフォームを見つけた場合に発生します。

変更を保存する

フォームの作成が完了したら (ストレージの追加を忘れずに)、ページの [保存] をクリックします。

ページを共有する

フォーム ブロックの参照元を追跡するには、非表示フィールドの変数とフォーム ストレージのフィールドに渡したい情報を含むURLをサイトで共有する必要があります。

端的に言えば、サイトを共有する際には、サイトのURLの末尾にカスタム テキストを追加する必要があります。これはクエリ文字列と呼ばれます。

次の形式を使用します。

/?SQF_=

共有先

• は、非表示のフォーム フィールドに割り当てられた変数名 (もしくはラベル) です。
• はフィールドに渡すデータです。

先ほどの例の続きでは、クエリ文字列はすべて次のように始まります。

/?SQF_SOURCE=

等号の後のは、任意に設定できます。

たとえば、次のように使用できます。

• /SQF_SOURCE=facebook（Facebookで共有するURL用)
• /?SQF_SOURCE=X (X (旧Twitter) で共有するURL用)

こうすることで、FacebookとXでそれぞれURLをクリックしたユーザーが入力したフォームを特定できます。

FacebookやXのキャンペーンをトラッキングしている場合でも、「facebook」や「x」を値として使用する必要はありません。任意の値を設定できます。(動物、色、数字、あるいはランダムな文字や数字の文字列など)

注意: 渡される値は100文字以下にする必要があります。

例

私は、awesomerestaurantsinc.squarespace.comというWebサイトを持っています。私のトップページには、ニュースレターの登録フォームがあります。次の3つのキャンペーンを使って、この登録ページを共有しています。

• Facebookで1つ
• Xでもう1つ
• Google広告の3分の1

非表示フィールドを使用して、各キャンペーンからのサインアップを追跡します。

Facebookでは、次のURLを共有します。

http://awesomerestaurantsinc.squarespace.com/contact-us/?SQF_SOURCE=facebook

Xでは、次のURLを共有します。

http://awesomerestaurantsinc.squarespace.com/contact-us/?SQF_SOURCE=x

Google広告では、次のURLを共有します。

http://awesomerestaurantsinc.squarespace.com/contact-us/?SQF_SOURCE=google-ads

Facebook、X、Google広告の値を手動で追加しました。共有したリンクを誰かがクリックしてフォームを送信すると、Facebook、X、もしくはGoogle広告 は、そのフォーム送信の [ソース] 列に記録されます。 こうすることで、どのキャンペーンがそれぞれの登録者を引き付けたかを簡単に確認できます。

ソースを追跡していることを (より詳しいユーザーから) 隠したい場合は、非表示フィールドの名前をdragons などに変更してから、apple、orange、limeというような値を使用できます。その値が何を指しているのかさえわかっていれば、どんな値でも構いません。この例では、URLはhttp://awesomerestaurantsinc.squarespace.com/contact-us/?SQF_DRAGONS=appleのようになります。

ヒント: これらのリンクを作成する際には、内部ドメインもしくはカスタムドメインを使用できます。もしWebサイトにカスタム ドメインがあるならば、http://awesomerestaurantsinc.com/contact-us/?SQF_SOURCE=FACEBOOKを共有できます。

フォーム ブロックをテストする (任意)

非表示フィールドをテストするには、サイトからログアウトする必要があります。ログアウトしたら、ページのURLを入力し、完全なクエリ文字列のフィールドと値を手動で追加します。

例

Xのクエリ文字列をテストしたい場合は、サイトからログアウトして、次のURLにアクセスします。

http://awesomerestaurantsinc.squarespace.com/contact-us/?SQF_SOURCE=x

非表示フィールドが意図したとおりに機能していることを確認するために、フォームを送信できるようになりました。

ヒント: ログアウトする代わりに、プライベート ブラウザー ウィンドウでURLにアクセスすることができます。Google Chromeではシークレット ウィンドウを、FirefoxおよびSafariではプライベート ブラウジングを使用します。

ソース データの表示

参照ソースを表示するには、フォーム ブロックに接続されているストレージ サービスを開きます。この例では、情報は [ソース] というラベルで表示されますが、これは非表示フィールドにどのようにラベルを付けるかによって異なります。

メール

非表示フィールドの情報は、メール送信時に [ソース] の隣に表示されます。

Googleドライブ

非表示のフィールドの情報は、Googleドライブの [ソース] の列に表示されます。

Mailchimp

非表示のフィールドの情報は、Mailchimpの [ソース] の列に表示されます。

これらのリンクを経由せずにフォームに入力された場合、[ソース] には既定値 (もしくは空白の場合は空白) が表示されます。この例では、既定値を [Webサイトから直接] に変更しています。

ヒント: 有料のMailchimpアカウントでは、条件付きでカスタマイズされた自動返信メールを作成できるので、さまざまなソースの登録者がサブスクリプション登録した際に、さまざまなメッセージを受信できるようにすることができます。詳細については、「Mailchimpのヘルプ センター」を参照してください。

複数の非表示フィールドの使用

複数の非表示フィールドを使用している場合は、アンパサンド (&) を使用してフィールドを区切ります。

たとえば、3つのキャンペーンの進捗状況を月ごとに追跡するには、"MONTH"というタイトルの2つ目の非表示フィールドを追加できます。

URLは次のように表記されます。

/?SQF_SOURCE=&SQF_MONTH=

共有先

• は、SOURCE (facebook、x 、google-ads) に関連する値です。
• は、MONTH (january、february、march、年間など) に関連する値です。