Formyoula Guides 📖
Formyoula Guides 📖
/
Track Formyoula Web Forms Using Google Tag Manager

Track Formyoula Web Forms Using Google Tag Manager

This guide will explain how to use Google Tag Manager to track Formyoula online form.

  • Add the following javascript snippet on the start of the first page of the form.
  • Update GTM-XXXXXXX with Google Tag Manager id.
  • Add the below code to every page for tracking with different pageName and pageTitle properties.
  • We will use this dataLayer.push as a triggering condition in GTM (that activates the GA Pageview tag) and then send the title and page name (page over to GA).
  • Follow this for more info on data layer https://developers.google.com/tag-platform/tag-manager/web/datalayer
  • Go to Google Tag Manager workspace.
  • Create variables in Google Tag Manager.
image

image
image
  • Create a Custom Event.
image
  • Go to Tags > New > GA4 event tag
image
  • GA4 configuration tag (that you should have created before). This tag should fire on All Pages.
  • Disable the checkbox in the GA4 configuration tag.
image
  • Publish the changes and start tracking.
image

Don't hesitate to contact us at [email protected] or the Formyoula in-app chat for any questions.🙂

// Check to make sure Google Tag Manager is not already installed
if ( $( 'script[src="https://www.googletagmanager.com/gtm.js?id=GTM-XXXXXXX"]' ).length < 1 ) {
  ( function( w, d, s, l, i ) {
    w[ l ] = w[ l ] || [];
    w[ l ].push( {
      'gtm.start': new Date().getTime(),
      event: 'gtm.js'
    } );
    var f = d.getElementsByTagName( s )[ 0 ],
      j = d.createElement( s ),
      dl = l != 'dataLayer' ? '&l=' + l : '';
    j.async = true;
    j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
    f.parentNode.insertBefore( j, f );
  } )( window, document, 'script', 'dataLayer', 'GTM-XXXXXXX' );
}
// The data layer is an object used by Google Tag Manager and gtag.js to pass information to tags.
window.dataLayer = window.dataLayer || [];
// Events or variables can be passed via the data layer, and triggers can be set up based on the values of variables.
window.dataLayer.push( {
  event: 'virtualPageview',
  pageName: 'Main Page',
  pageTitle: 'Formyoula Page 1' //some arbitrary name for the page/state
} );