MktoForms2 :: Lightbox :: GA onSuccess

by sanford

HTML

<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');
  ga('create', 'UA-65152701-1', 'auto');
</script>

<script src="//app-aba.marketo.com/js/forms2/js/forms2.min.js"></script>

<form id="mktoForm_1043"></form>
<a id="download_link" target="_blank">Nothin' to steal here.</a>
<script>
    var mktoInstance = '//app-sj01.marketo.com',
    munchkinId = '410-XOR-673',
    formId = 324;

 MktoForms2.loadForm(mktoInstance, munchkinId, formId,
    function (form){
        var formEl = form.getFormElem()[0],        
            lightbox = MktoForms2.lightbox(form).show();
            downloadLink = document.querySelector('#download_link');
    
        form.onSubmit(function(form){
            form.setValues({Email:'[email protected]'}); // my test address for demos
        });
    
        form.onSuccess(function(vals,fuURL){
            lightbox.hide();
            downloadLink.innerHTML = 'Download Now';
            downloadLink.href = fuURL;
            ga('send', 'pageview');
            return false;
        });

    });
 
</script>