Embed code on Forms 2.0 | Community
Skip to main content
A
Anonymous
April 14, 2014
Question

Embed code on Forms 2.0

  • April 14, 2014
  • 3 replies
  • 1217 views
Hey all,

I'm trying to use the Forms 2.0 API to push some data into GA. I saw the resource that explains how to do this, but I'm unclear where to put the code. Does this just sit as an HTML box on the landing page?

Thanks for the guidance!
-Trask
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

3 replies

C
Calvin_Lam
Level 4
April 19, 2014
The sample code on the developer site pretty much all deal with situations when you embed the code on your website.  Specificially, you specify a callback function to perform some actions when calling the loadForm function

However, if you are on a Mkto landing page, the loadForm function call is already generated by us so you need other ways to listen to form events.  To be safe, you should only reference the form object when either document.ready or window.onload fires.  Then in your event handler function, get the form object using MktoForms2.getForm(formId).  Once you have the form object, you can register more callback functions of any of the events specified under the Forms documentation section,  For example, onSubmit(callback)

And you are right that you will embed the code in the Custom HTML editor or in the LP template if you need to reuse it often.  In the LP template case, since you don't know all the form IDs yet, you will need to use MktoForms2.allForms() instead to get an array of the forms.


C
Calvin_Lam
Level 4
April 21, 2014
Following up on my last comment, I put together a very basic script such that when the form is submitted, I just alert the value of the email address.

My Test Landing Page - http://go.kokopop.com/Form2APILP.html and below is the script when you view source.

<script src="//munchkin.marketo.net/jquery-latest.min.js"></script>
<script>
var $jQ = jQuery.noConflict();
var myForm  = null; //will be set to the form object after the window is loaded
function printSomeValues()
{
var vals = myForm.getValues();
window.alert("Here is the email address - " + vals.Email);
myForm.submitable(true);
}
$jQ(window).load(function() {
console.log("Good news ... window is loaded");
if (MktoForms2.getForm(1944))
{
myForm = MktoForms2.getForm(1944);
myForm.onSubmit(function(){
printSomeValues();
});
}
});
</script>
 
A
Anonymous
November 4, 2014
I didn't get an alert.
Terms & ConditionsAccessibility statement

Loading footer...