I've actually done this before. It's a little tricky because you need the scripts to fire in the right order, which is easiest to manage if you put the scripts in the template. Here's the approach that worked for me:
1. Add this script in the <head> section of the landing page template. Replace XXXX with your pod info from the URL to your instance:
<script src="//app-XXXX.marketo.com/js/forms2/js/forms2.js"></script>
2. Add the Google Analytics snippet under the <!--SYSTEM JAVASCRIPT--> section of the template. It should look something like this:
<!-- Analytics Snippet -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
...
</script>
3. Add the form specific script under the <!--START TEMPLATE HTML--> section of the template. This is generic and will apply to any form on the landing page. It should look something like this, though you may not be trying to track all of these events:
<!-- START GOOGLE ANALYTICS CODE HERE -->
<script>
/**
* Sends to Google Analytics events when actions happen on the form
* @date: 2014-08-15
*/
MktoForms2.whenReady(function (form){
var ga_label = document.location.pathname + '#formId=' + form.getId();
// Form Loaded
ga('send', 'event', 'marketo form', 'load', ga_label);
// Initiation
var _gaFormInitiated = false;
form.getFormElem().find(':input').change(function(){
//alert ("Form Initiation");
if (!_gaFormInitiated){
_gaFormInitiated = true;
ga('send', 'event', 'marketo form', 'initiate', ga_label);
}
});
// Click the submit button
form.onSubmit(function(values, followUpUrl){
//alert ("Form Submitting");
// Form submitted
ga('send', 'event', 'marketo form', 'submit', ga_label);
return true;
});
// Check if form is valid
form.onValidate(function(values, followUpUrl) {
if (values) {
ga('send', 'event', 'marketo form', 'validation_error', ga_label);
}
return true;
});
// Form successfully Validate
form.onSuccess(function(values, followUpUrl){
//alert ("Form Successfully Validated");
// Form success
ga('send', 'event', 'marketo form', 'success', ga_label);
return true;
});
});
</script>
.png)