GA Tracking Code Individual Forms

Hi Elliot,

Thank you.

That was the kick-in-the-pants I needed..!

I find that the $formID is NOT unique to individual forms site-wide – but rather to a form(s) on any one page.

In my case, it’s better I use UNIQUE text inside the “submit” button – values which can be found in the $form_params array.

_gaq.push is old school now – traditional ga.js code.

ga send is today – advanced analytics.js code

My solution:

/* To identify $form_parameters AND $formID
 * Insert into child theme functions.php
 * Running this code will "break" your install for visitors - so it's better to do it in a staging environment
 * Comment out code when done
*/
/*
add_filter( 'avf_contact_form_submit_button_attr','avia_add_submit_attributes_to_cf', 10, 3 );

function avia_add_submit_attributes_to_cf( $att, $formID, $form_params )
{
  echo '<pre>';
  echo var_dump( $formID ); //get the ID
  echo '</pre>';
  echo '<pre>';
  echo var_dump( $form_params ); //get all the parameters
  echo '</pre>';
}
*/

/* Add onclick event to contact form submit button
 * Insert into child theme functions.php
 * You only need to declare a "unique submit button string" once for it to be used site-wide
 * http://kriesi.at/documentation/enfold/add-onclick-event-to-the-contact-form-submit-button/
 * For Google Analytics goal tracking - advanced analytics.js
 * 10/14/2015
 */

add_filter( 'avf_contact_form_submit_button_attr', 'avia_add_submit_attributes_to_cf', 10, 3 );

function avia_add_submit_attributes_to_cf( $att, $formID, $form_params ) {

  //Form on any and all pages

  if(in_array( "unique submit button string 1", $form_params, TRUE ))
  {
    $att = "onClick=\"ga( 'send', 'event', { eventCategory: 'xxx', eventAction: 'xxx', eventLabel: 'xxx', eventValue: xx } );\"";
    return $att;
  }

  //Special form on page-2 - but I can use it anywhere if I want

  if(in_array( "unique submit button string 2", $form_params, TRUE ))
  {
    $att = "onClick=\"ga( 'send', 'event', { eventCategory: 'yyy', eventAction: 'yyy', eventLabel: 'yyy', eventValue: yy } );\"";
    return $att;
  }

  //Another additional special form on page-2 - hey... same for me

  if(in_array( "unique submit button string 3", $form_params, TRUE ))
  {
    $att = "onClick=\"ga( 'send', 'event', { eventCategory: 'zzz', eventAction: 'zzz', eventLabel: 'zzz', eventValue: zz } );\"";
    return $att;
  }

  //Add as many as you need..!
}

• This reply was modified 8 years, 6 months ago by bitsoul. Reason: Formatting

Hi All,

I like your work.

I’d like to be able to target separate, individual forms with on submit.

Say, with the Contact Forms’s Custom CSS Class.

Can you help me out?

Best;
Mark

Hello Josue,

I have multiple contact forms for various purposes.
I use Google Analytics for reporting form submits.
I may have multiple forms with different purposes and different GA scripts on any one page.
I may use the same GA tracking code on any form on any different page.

I can target ALL forms and insert GA script using your code suggestions for “onsubmit” – but I’d like to be able to target separate, individual forms and insert different GA scripts..

Using the GA “onClick” script you helped with I’m able to track my forms by targeting unique strings used inside the buttons —
if(in_array( “unique submit button string”, $form_params, TRUE ))

But, I do sometimes get a false positive because of an errant click. This is why I like the idea of using an “onsubmit” event.

I know I can use multiple “Thank You” pages as an error proof means of tracking form submittals – but that seems cumbersome.

I see that your shortcode script appends the Contact Form’s Custom CSS Class to the end of “form class=” in it’s HTML output.

If I could target that unique Custom CSS Class string in an “if” statement similar to how I’ve done it with my “onClick” script – that would be awesome.

Sadly, I’ve not been successful.

Thank you all for an amazing theme and the best support!

Mark