Integration with Marketo Forms

If you are using Marketo web forms to capture leads on your website, you need to do a minor customization to the web forms so that the two fields required by the AdIntel App are populated properly when the visitor clicks the submit button. The update of the two AdIntel fields is done in the onSubmit() handler of the standard javascript code provided by Marketo.

Prerequisites:

You have included the following AdIntel javascript on your web site, just before the body tag:

<script type='text/javascript' src='https://success-software.biz/adintel/ss_adintel.js'></script>
</body>

Marketo is integrated with your Salesforce CRM org and is configured to push leads captured from web forms to Salesforce.

Procedure:

Create the web form as you normally do with the Marketo Lead Management form designer (Form Editor 2.0).
Add the AdIntel fields ads__landing_url__c and ads__referral_url__c as hidden fields to the form. It is assumed that the names of the two AdIntel fields in the generated HTML are ads__landing_url__c and ads__referral_url__c. In case Marketo creates different names for these two fields, please adapt the javascript accordingly.
Do any other necessary customizations and approve the form.
Right click the form in the tree menu and select “Embed Code“.
In the javascript code, implement/modify the onSubmit handler as shown in the example below.
Save the code and make a test to check that the AdIntel fields are being populated.
Done. AdIntel is now integrated with your Marketo web form. Please repeat this procedure for all other Marketo forms.

Example:

<html>
<body>
    <p>This is a Marketo web form to test AdIntel integration</p>
    <script src="//app-sjst.marketo.com/js/forms2/js/forms2.js"></script>
    <form id="mktoForm_1057"></form>
    <script>
        MktoForms2.loadForm("//app-sjst.marketo.com", "785-UHP-775", 1057, function(form){
        // Add an onSubmit handler
        form.onSubmit(function(){
            // Populate the AdIntel Landing URL and AdIntel Referral URL hidden fields
            var land_url = AdIntelGetLandingUrl();
            var ref_url = AdIntelGetReferralUrl();
            form.vals({"ads__landing_url__c":land_url, "ads__referral_url__c":ref_url});

            // Output the values just to test
            var vals = form.vals(); // Get the form field values
            alert("Submitted values: " + JSON.stringify(vals));
        });
      });
    </script>

    <p>Any other html goes here</p>

    <!-- The following AdIntel script needs to be included in your web site template before the closing body tag -->
    <script type='text/javascript' src='https://success-software.biz/adintel/ss_adintel.js'></script>
</body>
</html>

Reference: Marketo Forms 2.0

Home | Previous | Next