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.
// 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' );
}
  • 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
// 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
} );
  • 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.🙂