Has anyone successfully tracked Google Ananlytics goal conversions with Marketo form submissions without a thank you destination URL? | Community
Skip to main content
Angela_Ruggeri1
Angela_Ruggeri1
Level 2
March 23, 2017
Question

Has anyone successfully tracked Google Ananlytics goal conversions with Marketo form submissions without a thank you destination URL?

  • March 23, 2017
  • 3 replies
  • 4080 views

I am currently trying to track goal conversions using events. I would like an event to fire off after a successful form submit. we do not have thank you pages rather a "thank you modal" that appears and takes the place of the form. We can't get the Event to fire and trigger a conversion.

Page URL: http://www.inxpo.com

Function:

          <script>

               MktoForms2.loadForm("//app-sj04.marketo.com", "924-COQ-679", 1295, function(form)

          {

            //Add an onSuccess handler

            form.onSuccess(function(form){

  ga('send', 'event', {

   eventCategory: 'form',

   eventAction: 'submit',

   eventLabel: 'contact'           

              //return false to prevent the submission handler from taking the lead to the follow up url.

  });

  });

  return false;

   });

        </script> 

What we want to show on successful form submission:

<div class="reveal-modal large" data-reveal="" id="thank-you-modal">

      <a class="close-reveal-modal">×</a>

<h2 id="ModalTitle">Thank you for contacting us! A solutions expert will be with you momentarily.</h2>

    </div>

Any ideas on how to get it to trigger the event and conversion?

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

    3 replies

    Grégoire_Miche2
    Grégoire_Miche2
    Level 10
    March 23, 2017

    YOu need a hitcallback in the gaevent for it to work correctly.

    @Sanford Whiteman​ is the one who taught me this

    -Greg

    SanfordWhiteman
    SanfordWhiteman
    Level 10
    March 23, 2017

    YOu need a hitcallback in the gaevent for it to work correctly.

    Interestingly this isn't a case for a hitCallback. The callback is necessary if the page is going to unload (you must wait for the GA event to complete before allowing the redirection to a different page). But Angela is staying on the page so it's OK if the GA event runs in the background.

    Thanks for remembering, though! It's an important consideration, and you could use it here without harm, but it might be misleading so I left it out.

      SanfordWhiteman
      SanfordWhiteman
      Level 10
      March 23, 2017

      Seems like two goals mixed together. They may be related in your overall concept, but the goals are accomplished differently.

      [1] Sending the GA conversion event before any other onSuccess action takes place.

      To stop the default onSuccess action, you must return false from the onSuccess listener. That's not what you're doing now. You have the return false; at the end of the onReady listener.  The code should be:

      MktoForms2.loadForm("//app-sj04.marketo.com", "924-COQ-679", 1295, function(form){
          form.onSuccess(function(vals,tyURL) {
            ga('send', 'event', {
              eventCategory: 'form',
              eventAction: 'submit',
              eventLabel: 'contact'
            });
            return false;
          });
        });

      Can you see that the return false is in a very different place in the code?

      [2] Displaying the Thank You text instead of going to a separate Thank You URL.

      This is done by either destroying the form and showing some other element, or replacing the form's inner content with your Thank You text.

      To destroy the form you can do:

      MktoForms2.loadForm("//app-sj04.marketo.com", "924-COQ-679", 1295, function(form){
          form.onSuccess(function(vals,tyURL) {
            var formEl = form.getFormElem()[0];
            ga('send', 'event', {
              eventCategory: 'form',
              eventAction: 'submit',
              eventLabel: 'contact'
            });
            formEl.parentNode.removeChild(formEl);
            // code to show the modal here
            return false;
          });
        });

      However deciding how to display your modal after the <form> element is gone is a job for your web designer. That can be done largely via CSS (by defaulting to display:none and adding a class that switches it to display:block).  I can't tell you how the designer wants to do this, but I've shown where that step would go.

      A
      Anonymous
      May 3, 2018

      Angela, did this end up working for you?

      Sanford Whiteman, have you seen any successful implementations of GTM for marketo form submission tracking?

      I'm trying to track form completions on a simple email capture form that replaces the form with a thank you message. I've tried configuring the GTM tag following suggestions in this blog post from AnalyticsMania, but it won't fire.

      Thoughts?

      Cameron

      SanfordWhiteman
      SanfordWhiteman
      Level 10
      May 3, 2018

      Sanford Whiteman, have you seen any successful implementations of GTM for marketo form submission tracking?

      Sure, the ones I've built.

      I'm trying to track form completions on a simple email capture form that replaces the form with a thank you message. I've tried configuring the GTM tag following suggestions in this blog post from AnalyticsMania, but it won't fire.

      Let me know the URL and I'll check out what you've got.

      Casey_Grimes2
      Casey_Grimes2
      Level 10
      May 3, 2018

      Hi Angela,

      Just something extra to think about as you set this up: If you're truly looking for goals, it's actually going to be hard to work backward from an event for a goal conversion funnel. If you're on a single-page setup, this gets even more messy. In addition (or in lieu) to your event, you really should write a faux hit for the conversion itself; that will allow you to work backwards using GA's built-in functions. Otherwise you're stuck doing modeling outside of GA's own reporting--doable, but a pain. This also has the double effect of being able to send the faux URL back to Marketo if you need to (if you're doing the cookied conversion method especially.)

        Terms & ConditionsAccessibility statement

        Loading footer...