Membuat Custom Thank You Page Google Form

Pernahkah kalian membuat Google form, dan ingin membawa user yang telah mengisi formulir kalian ke halaman lain? Disini saya akan sharing cara membuat custom thank you page Google Form.

Daftar Isi

Sebelum mulai, cara yang saya infokan dibawah memerlukan sedikit penguasaan kode dan ilmu komputer. Kalau ada yang bermasalah, bisa sharing dibawah.

Apa itu Google Form

Google Forms adalah salah satu layanan yang ditawarkan oleh google yang memungkinkan pengguna untuk membuat survei, kuis, atau jenis kuesioner lainnya dalam bentuk dokumen google.

User Interfacenyapun cukup simple, yang memungkinkan pengguna baru untuk dapat langsung membuat formulir mereka sendiri.

Ilustrasi Google Form – Sumber: Zapier

Karena hampir semua orang di dunia memiliki Google account, ada banyak orang yang akhirnya menggunakan aplikasi ini untuk mengisi formulir, membuat survey, ataupun quiz untuk sekolah.

Fitur Default Halaman Terima Kasih Google Form

Google Form sudah memiliki halaman terima kasih (thank you page). Untuk mengaksesnya, cukup mudah. Buka halaman form kalian, klik settings > Presentation > After Submission.

Membuat Custom Thank You Page Google Form

Do note that halaman ini juga berada di dalam Google form. Jadi kalau kalian ingin melakukan “tracking” untuk submission lewat Google Analytics, ini tidak memungkinkan.

Selain itu, kalau kalian ingin agar user pergi ke halaman website kalian, kalian bisa menambah URL di highlight merah diatas (dengan harapan user klik link tersebut).

Alternatif lain yang kalian bisa pakai adalah Tally.so. Ini gratis dan berfungsi seperti Google Form.

Selain semua hal diatas, ada pula cara lain dimana kalian tetap menggunakan Google Form, dan kalian bisa melakukan tracking untuk halaman terima kasih (thank you page).

Kenapa Menggunakan Custom Thank You Page Google Form

Ada beberapa alasan.

Agar form submission bisa dilacak oleh Google Analytics / Tag Manager.
Sebagai bagian dari campaign / sales pipeline, user perlu di redirect untuk pergi ke halaman tertentu.
Sebagai bagian dari branding untuk lebih merefleksikan brand identity.
Agar user yang telah mengisi formulir bisa kita arahkan untuk membaca halaman lainnya di web kita.
Mengurangi bounce rate.

Cara Membuat Custom Thank You Page Google Form

Namun ada salah satu use-case dimana pembuat form ingin user yang telah mensubmit form untuk pergi ke halaman terima kasih (thank you page). Dimana nantinya hal ini akan dicapture oleh Google Analytics dalam bentuk “Goal”. By default, hal ini tidak memungkinkan. Karena Google tidak menyediakan service “custom thank you page”.

Bisa dites untuk form dibawah untuk sample.

Kalau sesuai dengan apa yang kalian inginkan, ada beberapa persyaratan.

Form harus diembed di website (bukan di link google form)
Form max punya 1 halaman (tidak ada section)

Ok, kita lanjut untuk cara membuat custom thank you page Google Form. Bisa lihat sampel kode dibawah.

<!-- Normal form embed code, add an ID -->
<iframe id="gform" src="https://docs.google.com/forms/d/e/1FAIpQLSeSkDeAe9ZBLm5xGXvfWYgBwn8zRLOJ7JaFTbFZJMo8Dk9feg/viewform?embedded=true" width="640" height="382" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>

<script type="text/javascript">
var load = 0;

document.getElementById('gform').onload = function(){
    /*Execute on every reload on iFrame*/
    load++;
    if(load > 1){
        /*Second reload is a submit*/
        document.location = "https://google.com/";
    }
}
</script>

Copy Kode

Ada beberapa hal yang perlu kalian lakukan:

Megganti Google Form Dengan Milik Kalian

Kalian perlu mengganti link diatas ke link Google Form milik kalian. Contoh link pengganti kira kira seperti ini.

https://docs.google.com/forms/d/e/1FAIpQLSeSkDeAe9ZBLm5xGXvfWYgBwn8zRLOJ7JaFTbFZJMo8Dk9feg/viewform?embedded=true

Jika Website Memiliki Lazy Load

Lazy load adalah fitur ekstra untuk mempercepat dimuatnya halaman website kalian (Biasanya website yang sudah di optimise, sudah memiliki fitur ini).

Jika website kalian ada lazy load, bisa ganti angka 1 di “load > 1” dan ubah menjadi 2.

Bagaimana cara tahu website kalian menggunakan lazy load? Gampang. Cukup copy paste kode diatas di website kalian dan publish. Jika pada saat kalian masuk kalian langsung diredirect ke halaman lain, itu tandanya kalian menggunakan lazy load.

Ganti Halaman Thank You Page

Untuk membuat custom thank you page, kalian ganti (melalui screenshot diatas, link yang pergi ke “https://google.com” ke thank you page website kalian.

Jika semuanya lancar, kalian seharusnya sudah bisa redirect user ke custom thank you page Google Form yang telah dibuat.

Semoga bermanfaat!

Baca juga tulisan saya lainnya tentang komputer dan web.