AirtableのFormで事前登録されたFieldを非表示にする。流入元判定(UTMパラメータ)

こんにちは、NoCodeCampのツバサです。

今回は、AirtableのForm機能を使って、流入元を判定する方法として、Airtableのフォーム機能の項目を自動登録と非表示にしていきます。
通常AirtableのForm機能は、登録したものがFormに表示されるので、User側に見られてしまったり、修正される可能性があります。

Airtableって何?って人は、データを制するものはビジネスを制する!「Airtable」で直感的に業務システムをつくる で説明してますので一読下さい。

今回やりたいこと

utm_source でどこから来たかなどを判別する。
Formの画面には、utm_source情報は登録されてない。

事前知識/目的(データセット)

AirtableのTableは、今回シンプルにName、Notes Status とします。
請求書には、発注書(受注情報)を、以下のように登録したいです。

ユーザーに入力して欲しい項目
Name
Notes
Status

運営側で管理する項目
utm_source
utm_campaign

utm_source ,utm_campaign の名前は、何でもかまいませんが、GoogleAnaliticsなどの計測側の言葉と、項目名はそろわせた方が良いと思います。

【参考】UTMパラメータマスターガイド!種類、生成方法、分析方法まで詳しく解説

AirtableのFormを作っていく

それでは、Formを作っていきましょう。
Createから、Formを選択します。最初は、全てのAirtableのすべてのFieldが表示されているはずです。

Filedの項目を自動入力にする

次に、utm_sourceを自動入力するようにしましょう。
Share formから Formの共有リンクを取得します。

今回こちらのURLが表示されてました。

https://airtable.com/shrmbBcEiri8U96FV

utm_sourceを、nocodecamp.co.jp が自動入力されるようにすると以下になります。

https://airtable.com/shrmbBcEiri8U96FV?prefill_utm_source=nocodecamp.co.jp

URLを見ると共有URLに?以降の文字が追加されてます。
?prefill_utm_source=nocodecamp.co.jp がFormで、utm_sourceの項目が自動で追加されるURLということになります。

Formにいくだけで、自動でnocodecamp.co.jpが追加されるようになった。

Formの項目の一部を非表示する

上記のままだと、まだユーザーがutm_sourceのfieldが見えてしまうので、修正ができてしまいます。なので、utm_sourceを非表示にしていきます。

自動入力のForm

https://airtable.com/shrmbBcEiri8U96FV?prefill_utm_source=nocodecamp.co.jp

utm_sourceを非表示にする

https://airtable.com/shrmbBcEiri8U96FV?prefill_utm_source=nocodecamp.co.jp&hide_utm_source=true

&hide_utm_source=true を追加すると、utm_sourceを非表示にすることができます。

utm_sourceが非表示になっている

複数項目を非表示にする

utm_sourceのほかに、utm_campaignという項目もありますので、utm_campaignも非表示にします。& でパラメーター同士を繋げます。

utm_sourceとutm_campaign の両方を非表示にする

https://airtable.com/shrmbBcEiri8U96FV?prefill_utm_source=nocodecamp.co.jp&prefill_utm_campaign=2000&hide_utm_source=true&hide_utm_campaign=true


今回Prefill機能をさらに知りたい方は、Airtableの公式マニュアルもぜひご覧ください
Prefilling a form

まとめ

久しぶりのAirtableネタでしたが、ずっとAirtableでできないと思っていた、Prefill非表示の機能が
できるようになったので、これでユーザーのURLの計測や、アフィリエイトリンクなどの発行などに使えるようになってきました。

Airtableは、なかなか日本語のブログがないので、自分もAirtable使っているよって方がいたらぜひ、Twitter で絡んで下さいませ

それでは、今日も良いノーコードライフを♪

この記事を書いた人

tsubasatwi( つばさ)

国立工業高専卒業(新居浜工業高等専門学校)
「イベント×IT×営業」のカスタマーサクセスマネージャーとして活躍。セールス→構築管理運用まで全体プロジェクト管理の豊富な経験あり。

・主にITに関するイベント集客/法人営業/開発を担当
・大手通信会社を中心にエンタープライズのIT導入を担当(B2B)

DMMで日本初の NoCodeサロン を運営
「NoCodeCamp プログラミングを使わないIT開発 」
https://lounge.dmm.com/detail/2549/