Hotjar experience on Unbounce pages?

Go for it. I’d be curious to have some others try the script and also review it for any potential issues.

I have a working script thanks to the help of my developer pal at work. This should work on any page as long as the normal Hotjar script and this script load on your desired page. I prefer to do this through the Settings > Scripts menu.

<script type="text/javascript">
	lp.jQuery(function($) {
		function notifyHotjar() {
			lp.jQuery('.lp-pom-form form').submit();
			hj('formSubmit' + ($('.lp-pom-form form').valid() ? 'Successful' : 'Failed'));
		}

		$('.lp-pom-form .lp-pom-button')
			.unbind('click tap touchstart')
			.bind('click.formSubmit', notifyHotjar); 

		$('form')
			.unbind('keypress')
			.bind('keypress.formSubmit', function(e) {
				if(e.which === 13 && e.target.nodeName.toLowerCase() !== 'textarea' ) {
					notifyHotjar();
				}
			});
	});
</script>

Best,
Brian

Did anyone figure out the fix here?  Having the same issue with not gathering any successful submissions in HotJar.  I am doing an external form post that then redirects to my thank you page, both of which are not within the Unbounce platform.  Where do I place the submit response scripts mentioned above?

Here is the dev page for reference - get.enlightiumacademy.com/dev-lp

Thanks, Dave

Hristian, 
Shhhh… don’t tell them about the World Domination plans yet! Haha, in all seriousness, this extra field helps our anti-spam filters do their thing. Don’t pay it any attention. :) 

AHA ! I’ve been trying to work this out for the past two weeks !! Thanks for posting this up Paul !! 

Hey Finge, 

A while back, I’ve researched the same issue and came to a conclusion that the submit event is not getting passed through to Hotjar. 

Digging a bit more, I found this: http://docs.hotjar.com/docs/using-javascript-to-handle-form-submissions

A bit of javascript as shown in the example should fix it, but I never got around to actually testing it. It wasn’t a deal breaker for me. 

If I remember correctly the submit event will get passed through only if after submission a new page is loaded. In the case with Unbounce, it’s usually a popup so the page is still in the background.

I think that is what breaks the submit reports. 

Let me know if you get it working as I would be also interested for future projects. 

EDIT: This is the exact wording from Hotjar for a successful submit event:

Successful submit #

• A ‘successful’ submit occurs when the page where the form is shown returns a message that the form was successfully submitted.
• Tracking: A submit() event happens on the form, the page changes to a different URL and the form is no longer present, manual tracking: hj(‘formSubmitSuccessful’)

Yup, cross-domain tracking is something I’ve been keeping an eye on for a long time. They have had it in their “roadmap” since the day it went into beta. And I’ve seen them push this/delay this quite a few times. 

This is important because without it, you have to individually create these profiles and we can’t track variants either. 

CrazyEgg does it. Tracks the variants, and subdomains. 
Good luck!

Hi everyone,

Ah yes, the mysterious extra form field. 🙂

You’ve stumbled upon one piece of our anti-spam infrastructure.  The “ubafs-” fields are part of the “BearTrap” we set on our form fields to catch form spammers.  If you’re interested in the technical details of our spam blocking, Derek (one of our Senior Developers) wrote about it in detail here:
http://inside.unbounce.com/product-dev/spam-egg-spam/

The short version is that there is a hidden field that real, human visitors can’t see but bots can. If the bot fills the field, we have a pretty good indication that the data is junk. Fighting to make sure that you only get good leads is something that we work diligently at. 

Perhaps we should start an ‘Unbounce Community Hotjar Tips & Tricks’ thread.

The recordings tool is great for watching visitors interact with pages of a website. Just remember to make sure you don’t change the CSS file name. Otherwise the recording don’t display with the style sheet loaded correctly!

Your welcome!

Good to know about cross-domain tracking. That would be a huge help for a lot of our pages. Appreciate the tips!

Hi Andrew, 

I’ve used Hotjar on a few pages and I must say more people should be using it.
Great tool, that’s affordable and easy to use. 

Beyond the obvious heatmaps, the recordings and forms features, given enough traffic can provide you with valuable insights on how your visitors are interacting with your page.

Definetly give it a try and let us know what you think. 

Best,
Hristian

Thanks! Will do!