jQuery for sending a generate_lead event (form submission) to GA4 using WPForms and gtag.js API

send-generate-lead-ga4-using-gtag.js

/** We'll use WPForms as an example. */
jQuery(document).ready(function($){
	// Trick from https://www.chrisains.com/seo/tracking-wpforms-submissions-with-google-analytics/
	let $wpConfirmationDiv = $('#wpforms-confirmation-357');
	if ($wpConfirmationDiv.length) {
		console.log('[GA4] WPForms #357 was successfully submitted.');
		gtag("event", "generate_lead", { 
			'form_id': 'WPForm #357', // TO DO: Try to get form ID or name here.
		});
	}
	// Let's add another conversion to mix it up more. This just listens for the
  	// submit button click as a quick test. For production use, it's better to listen 
  	// for some custom success event to avoid false positives.
	$('#cme-custom-form-1-submit').click(function() {
		console.log('[GA4]"Simple custom HTML form with no custom code for tracking" submit button clicked.');
		gtag("event", "generate_lead", { 
			'form_id': 'Simple custom HTML form with no custom code for tracking', // TO DO: Try to get form ID or name here.
		});
	});
}); // jQuery