Googleフォームのコンバージョンをアップ！自動入力でフォーム離脱率を下げる方法

Googleフォームは、お問い合わせやアンケートなどのデータ収集に大変便利なノーコードフォームツールです。

ただし、フォーム上では独自のCSSやJavaScriptを使った細かなカスタマイズは行えないため、入力項目数が多い場合などはユーザーの離脱につながる恐れもあります。

先日もお客様からこんなご相談をいただきました。

お客様

ユーザーの手間をなるべく減らしたいので、たとえば「無料見積」ボタンからGoogleフォームに飛んだら、自動で「お問い合わせ内容」の「見積もり依頼」が選ばれている状態にできないでしょうか？

そこで今回の記事では、Googleフォーム上の入力項目にあらかじめ文字列を自動入力したり、自動で選択肢にチェックを入れる方法について解説いたします。

Googleフォームの「事前入力したURLを取得」機能
入力項目の「entry.ID」を使った自動入力の実装
Googleフォームの入力項目を編集不可にする方法
Googleフォームの自動入力まとめ

Googleフォームの「事前入力したURLを取得」機能

まずはじめに、Googleフォーム公式の「事前入力したURLを取得」機能を使った方法をご紹介します。

基本的な使い方

Googleフォーム編集画面右上の「…」メニューをクリック
｢事前入力したURLを取得」を選択
表示されたフォームで、事前入力したい内容を入力
｢URLを取得」ボタンをクリック
｢リンクをコピー」をクリック

コピーしたリンクからアクセスすると、選択肢やテキストがはじめから入力された状態でGoogleフォームを開くことができます。

お客様

思ったより簡単に実装できるんですね！これならユーザー側の手間が省けますし、お問い合わせの内容ごとにフォームを分けなくても済みそうです。

メリット

Googleフォーム公式機能のため、安定性が高い

Googleフォームが公式で提供している機能のためセキュリティ面で信頼性が高く、バージョンアップ等による将来の仕様変更の際にも対応しやすいため、安心して使えるという利点があります。

複数項目でも手軽に設定できる

実際のフォーム上で入力内容を確認しながら設定できるため、技術的な知識がなくても簡単に利用でき、複数項目やたくさんの選択肢がある場合でも手軽に設定することができます。

お客様

実際のGoogleフォーム上で、見たまま編集ができるのはありがたいですね！項目が多くても、うっかり間違うことがなさそうです。

デメリット

URLが長くなる

フォームURLの後ろに事前入力用のパラメータが付与されますが、事前入力で取得したリンクにはGoogleフォーム公式の「URLを短縮」機能が使えないため、どうしてもURLが長くなりがちです。

事前入力で取得したURLの例：
https://docs.google.com/forms/d/e/xxxxxxxxxxxxxxxxx/viewform?usp=pp_url&entry.1006687371=%E5%9B%9E%E7%AD%94B&entry.1006687371=%E5%9B%9E%E7%AD%94C&entry.1697402063=%E3%81%82%E3%81%84%E3%81%86%E3%81%88%E3%81%8A&entry.720756699=%E3%81%8B%E3%81%8D%E3%81%8F%E3%81%91%E3%81%93

テキスト形式のメールマガジンなどで、表示されるURLをなるべく短くしておきたい場合は、別のURL短縮サービスを使う必要があります。

動的な値の入力には向かない

たとえば遷移元のページごとに、ページのタイトルやURLなどを自動入力させたいケースなどでは、1つ1つリンク取得していくには数が多すぎたり、値が変動する可能性もあるため、この方法は不向きです。

お客様

たしかに、遷移元のURLやタイトルがわかると便利ですが、全てのページ毎にURLを発行するのは大変ですね・・・。

そんな場合は、次にご紹介する「entry.ID」を使った方法がおすすめです。

入力項目の「entry.ID」を使った自動入力の実装

2つめはGoogleフォームの入力項目に付与されているユニークな「entry.ID」を利用し、動的に値を入力する場合でも実装しやすい方法について解説します。

｢entry.ID」を確認する方法

Googleフォームの実際の入力フォームを表示し、各入力項目に割り当てられている「entry.ID」を事前に確認します。
ブラウザの開発者ツールで「entry.」を検索すると、簡単に見つけることができます。

自動入力の実装サンプルコード

下記のコードは、｢entry.ID」が「1234」の入力項目に対し、遷移元ページのタイトルを自動入力するためのサンプルコードです。

// 遷移元ページのタイトルを取得
var pageTitle = document.title;

// フォームのURLを作成（例：タイトルを入力項目IDが1234の項目に入力）
var formUrl = "https://docs.google.com/forms/d/e/your-form-id/viewform?entry.1234=" + encodeURIComponent(pageTitle);

// フォームへ遷移
window.location.href = formUrl;