Can I tell when a user is done filling out a Google Form?

Question

I'm creating a survey with Google Forms. I need to know when the user is done with the survey so that I can have them continue on my site. I have embedded the survey as an Iframe on my website.

Is there a way to:

• Use JavaScript to interact with the form so that my page gets an event when the form is completed?
• Put a link on the form that the user can click on when they are done to go to a thank you page on my site?
• Some other way of getting knowing that this user has completed the survey?

I'd think there would have to be a way to do this, but I can't seem to find it. If it isn't possible, I'd like to know that so that I can stop wasting my time and use another product like SurveyMonkey.

Answer 1

You cannot do what you described that would technically be cross-site scripting and most browsers frown on that. What you need is a thank you page. When they finish with the form it redirects to the thank you page on your site to register the event.

That said Iframes have a SRC that is registered with the DOM if googles form has its own thank you page URI then you could create an event listener OnMouseOut or when focus of the Iframes is lost to check the SRC to see if it is on the thank you page.

Answer 2

I'm not sure if this will work due to the factors you listed but perhaps it'll give you a starting point for fruitful research.

I have been using Google Tag Manager and it has a built-in event that fires off on form submission (you can even set it only to fire the event to the dataLayer if the form successfully submits).

For WordPress there's an awesome plugin GTM4WP that enables even more detailed tracking of form usage (switching between fields, etc.).

Assuming, this works with an iframe, I suspect you could use Google Tag Manager to inject custom HTML (a meta-refresh perhaps) when the 'event' of successful form submission occurs.