{"id":14211,"date":"2025-08-04T21:06:27","date_gmt":"2025-08-04T21:06:27","guid":{"rendered":"https:\/\/www.kadencewp.com\/help-center\/?post_type=docs&#038;p=14211"},"modified":"2026-04-22T16:11:21","modified_gmt":"2026-04-22T16:11:21","password":"","slug":"google-analytics-form-adv-block","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/google-analytics-form-adv-block\/","title":{"rendered":"How to Integrate Google Analytics with Kadence Forms"},"content":{"rendered":"\n<p>Tracking form submissions can be a key, critical part of measuring how well your site is performing. Google Analytics makes it possible to monitor these interactions so you can see what&#8217;s working, spot potential issues, and improve conversions. In this guide, we&#8217;ll walk through how to track Kadence Form submissions using Google Analytics.<\/p>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id14211_2be4e1-9d .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kb-table-of-content-nav.kb-table-of-content-id14211_2be4e1-9d .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id14211_2be4e1-9d .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id14211_2be4e1-9d .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}<\/style>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading14211_03d8b5-1c, .wp-block-kadence-advancedheading.kt-adv-heading14211_03d8b5-1c[data-kb-block=\"kb-adv-heading14211_03d8b5-1c\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading14211_03d8b5-1c mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading14211_03d8b5-1c[data-kb-block=\"kb-adv-heading14211_03d8b5-1c\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading14211_03d8b5-1c img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading14211_03d8b5-1c[data-kb-block=\"kb-adv-heading14211_03d8b5-1c\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading14211_03d8b5-1c wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading14211_03d8b5-1c\">Adding a Form To Your Site<\/h2>\n\n\n\n<p>The first step will be to add a Kadence Form to your site. This document will cover adding Google Analytics (GA4) to both <strong>Kadence Forms<\/strong> and <strong>Kadence Forms (Adv)<\/strong>. To find out how to add a form to your site, please review the <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/form-block\/\" data-type=\"docs\" data-id=\"1856\">Kadence Forms<\/a> and\/or the <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-blocks\/advanced-form-block\/\" data-type=\"docs\" data-id=\"6949\">Kadence Forms (Adv)<\/a> documentation.<\/p>\n\n\n<style>.kb-row-layout-id14211_389438-4d > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id14211_389438-4d > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id14211_389438-4d > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}.kb-row-layout-id14211_389438-4d > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id14211_389438-4d > .kt-row-column-wrap{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id14211_389438-4d > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id14211_389438-4d alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column14211_af015b-c7 > .kt-inside-inner-col,.kadence-column14211_af015b-c7 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column14211_af015b-c7 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column14211_af015b-c7 > .kt-inside-inner-col{flex-direction:column;}.kadence-column14211_af015b-c7 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column14211_af015b-c7 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column14211_af015b-c7{position:relative;}@media all and (max-width: 1024px){.kadence-column14211_af015b-c7 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column14211_af015b-c7 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column14211_af015b-c7\"><div class=\"kt-inside-inner-col\">\n<p>Once your form has been created, you can assign an ID to help track this specific form.  To add an ID:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Edit your form and click on the Advanced settings tab.  <\/li>\n\n\n\n<li>Scroll down to the Advanced section.  <\/li>\n\n\n\n<li>Under the <strong>HTML anchor<\/strong> field, enter a unique ID for your form.<\/li>\n<\/ol>\n<\/div><\/div>\n\n\n<style>.kadence-column14211_272368-74 > .kt-inside-inner-col,.kadence-column14211_272368-74 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column14211_272368-74 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column14211_272368-74 > .kt-inside-inner-col{flex-direction:column;}.kadence-column14211_272368-74 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column14211_272368-74 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column14211_272368-74{position:relative;}@media all and (max-width: 1024px){.kadence-column14211_272368-74 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column14211_272368-74 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column14211_272368-74\"><div class=\"kt-inside-inner-col\"><style>.kb-image14211_c81668-2c .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image14211_c81668-2c size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"558\" height=\"676\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/Screenshot-2025-08-04-at-12.45.25\u202fPM.png\" alt=\"WordPress block - HTML anchor\" class=\"kb-img wp-image-14212\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/Screenshot-2025-08-04-at-12.45.25\u202fPM.png 558w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/Screenshot-2025-08-04-at-12.45.25\u202fPM-248x300.png 248w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/Screenshot-2025-08-04-at-12.45.25\u202fPM-360x436.png 360w\" sizes=\"auto, (max-width: 558px) 100vw, 558px\" \/><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading14211_20b45c-f2, .wp-block-kadence-advancedheading.kt-adv-heading14211_20b45c-f2[data-kb-block=\"kb-adv-heading14211_20b45c-f2\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading14211_20b45c-f2 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading14211_20b45c-f2[data-kb-block=\"kb-adv-heading14211_20b45c-f2\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading14211_20b45c-f2 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading14211_20b45c-f2[data-kb-block=\"kb-adv-heading14211_20b45c-f2\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading14211_20b45c-f2 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading14211_20b45c-f2\">Add a Code Snippet<\/h2>\n\n\n\n<p>In this next step, we&#8217;ll add a JavaScript code snippet to the site. If you&#8217;re not familiar with adding code snippets, please see <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/how-to-add-a-custom-filter-or-function-with-code-snippets\/\" data-type=\"docs\" data-id=\"1077\">this document<\/a>. <em>(These snippets can also be used in the function.php file of child themes with a little bit of modification.)<\/em> Once the Code Snippets plugin is installed and activated, under the Snippets menu, click Add New.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading14211_6879b7-21, .wp-block-kadence-advancedheading.kt-adv-heading14211_6879b7-21[data-kb-block=\"kb-adv-heading14211_6879b7-21\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading14211_6879b7-21 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading14211_6879b7-21[data-kb-block=\"kb-adv-heading14211_6879b7-21\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading14211_6879b7-21 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading14211_6879b7-21[data-kb-block=\"kb-adv-heading14211_6879b7-21\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading14211_6879b7-21 wp-block-kadence-advancedheading has-theme-palette-8-background-color has-background\" data-kb-block=\"kb-adv-heading14211_6879b7-21\">If you have access to <strong>Kadence Theme Kit Pro<\/strong>, consider using a hooked element to insert custom code into your website. <em>(<a href=\"#using-html-elements\">You can learn more below<\/a>.)<\/em><\/p>\n\n\n<style>.kb-image14211_edba1c-8b .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image14211_edba1c-8b size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1077\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/Screenshot-2025-08-04-at-12.51.46\u202fPM-scaled.png\" alt=\"Add new JS snippet\" class=\"kb-img wp-image-14213\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/Screenshot-2025-08-04-at-12.51.46\u202fPM-scaled.png 2560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/Screenshot-2025-08-04-at-12.51.46\u202fPM-300x126.png 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/Screenshot-2025-08-04-at-12.51.46\u202fPM-1024x431.png 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/Screenshot-2025-08-04-at-12.51.46\u202fPM-768x323.png 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/Screenshot-2025-08-04-at-12.51.46\u202fPM-1536x646.png 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/Screenshot-2025-08-04-at-12.51.46\u202fPM-2048x861.png 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/Screenshot-2025-08-04-at-12.51.46\u202fPM-360x151.png 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Enter a Title &#8211; Give your snippet a meaningful name for future reference.<\/li>\n\n\n\n<li>Code Type &#8211; Select <strong>Content HTML<\/strong><\/li>\n\n\n\n<li>Insert Position &#8211; Select <strong>Display at the end of the &lt;body&gt; section, in the footer<\/strong><\/li>\n\n\n\n<li>Save &amp; Activate &#8211; When you&#8217;re finished, be sure to save and activate your snippet<\/li>\n<\/ol>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading14211_d35831-3d, .wp-block-kadence-advancedheading.kt-adv-heading14211_d35831-3d[data-kb-block=\"kb-adv-heading14211_d35831-3d\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading14211_d35831-3d mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading14211_d35831-3d[data-kb-block=\"kb-adv-heading14211_d35831-3d\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading14211_d35831-3d img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading14211_d35831-3d[data-kb-block=\"kb-adv-heading14211_d35831-3d\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h3 class=\"kt-adv-heading14211_d35831-3d wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading14211_d35831-3d\">The Code Snippet<\/h3>\n\n\n\n<p>There are some minor differences in the code snippets you&#8217;ll use for Kadence Forms versus Kadence Forms (Adv). We&#8217;ll address each below. <br><br><em>Note: each snippet contains a <code>console.log<\/code> function which should be removed after you&#8217;ve finished testing.<\/em><\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading14211_da94cb-63, .wp-block-kadence-advancedheading.kt-adv-heading14211_da94cb-63[data-kb-block=\"kb-adv-heading14211_da94cb-63\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading14211_da94cb-63 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading14211_da94cb-63[data-kb-block=\"kb-adv-heading14211_da94cb-63\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading14211_da94cb-63 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading14211_da94cb-63[data-kb-block=\"kb-adv-heading14211_da94cb-63\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h4 class=\"kt-adv-heading14211_da94cb-63 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading14211_da94cb-63\">Kadence Forms<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">&lt;script&gt;\ndocument.body.addEventListener('kb-form-success', function(event) {\n\tconst uniqueId = event.detail;\n\tconst formId = 'kadence-form-' + uniqueId;\n\tconst formDiv = document.querySelector('#contact-test');  \/\/ replace with your custom ID\n\tif (formDiv &amp;&amp; formDiv.classList.contains(formId)) {\n\t\t\/\/ confirm submission to console log - remove on live site\n\t\tconsole.log('Form submitted: ' + uniqueId);\n\t\t\/\/ run your GA code here.  for example:\n\t\tif (typeof gtag === 'function') {\n\t\t\tgtag('event', 'form_submission', {\n\t\t\t\tevent_category: 'Form',  \/\/ add your own category\n\t\t  \t\tevent_label: formDiv.id, \/\/ i.e. contact-test\n\t\t\t\tform_id: uniqueId,  \/\/ i.e. 698_3b6635-a7\n\t\t\t\tvalue: 1\n\t\t\t});\n\t\t}\n\t}\n});\n&lt;\/script&gt;<\/code><\/pre>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading14211_caab27-76, .wp-block-kadence-advancedheading.kt-adv-heading14211_caab27-76[data-kb-block=\"kb-adv-heading14211_caab27-76\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading14211_caab27-76 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading14211_caab27-76[data-kb-block=\"kb-adv-heading14211_caab27-76\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading14211_caab27-76 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading14211_caab27-76[data-kb-block=\"kb-adv-heading14211_caab27-76\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h4 class=\"kt-adv-heading14211_caab27-76 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading14211_caab27-76\">Kadence Forms (Adv)<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">&lt;script&gt;\ndocument.body.addEventListener('kb-advanced-form-success', function(event) {\n\tconst uniqueId = event.detail.uniqueId;\n\tconst formId = 'wp-block-kadence-advanced-form' + event.detail.uniqueId;\n\tconst formDiv = document.querySelector('#contact-test');  \/\/ replace with your custom ID\n\tif (formDiv &amp;&amp; formDiv.classList.contains(formId)) {\n\t\t\/\/ confirm submission to console log - remove on live site\n\t\tconsole.log('Form submitted: ' + uniqueId);\n\t\t\/\/ your GA code here\n\t\tif (typeof gtag === 'function') {\n\t\t\tgtag('event', 'form_submission', {\n\t\t\t\tevent_category: 'Form',  \/\/ add your own category\n\t\t  \t\tevent_label: formDiv.id, \/\/ i.e. contact-test\n\t\t\t\tform_id: uniqueId,  \/\/ i.e. 3753-cpt-id\n\t\t\t\tvalue: 1\n\t\t\t});\n\t\t}\n\t}\n});\n&lt;\/script&gt;<\/code><\/pre>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading14211_a6c39a-60, .wp-block-kadence-advancedheading.kt-adv-heading14211_a6c39a-60[data-kb-block=\"kb-adv-heading14211_a6c39a-60\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading14211_a6c39a-60 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading14211_a6c39a-60[data-kb-block=\"kb-adv-heading14211_a6c39a-60\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading14211_a6c39a-60 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading14211_a6c39a-60[data-kb-block=\"kb-adv-heading14211_a6c39a-60\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 id=\"using-html-elements\" class=\"kt-adv-heading14211_a6c39a-60 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading14211_a6c39a-60\">Using HTML Elements (Theme Kit Pro)<\/h2>\n\n\n\n<p><a href=\"https:\/\/www.kadencewp.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kadence Theme Kit Pro<\/a> features <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/what-are-kadence-hooked-elements\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hooked Elements<\/a>. This includes the <strong>HTML<\/strong> <strong>Editor<\/strong> <strong>Element<\/strong>, which gives you the ability to add custom HTML code to your website. This is a feature that can be used instead of using a Code Snippets plugin or editing a <code>functions.php<\/code> file. <\/p>\n\n\n<style>.kb-image14211_abf46b-11 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image14211_abf46b-11 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1105\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/HTML-Element-Script-scaled.jpg\" alt=\"HTML Element Script\" class=\"kb-img wp-image-14232\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/HTML-Element-Script-scaled.jpg 2560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/HTML-Element-Script-300x130.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/HTML-Element-Script-1024x442.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/HTML-Element-Script-768x332.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/HTML-Element-Script-1536x663.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/HTML-Element-Script-2048x884.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/HTML-Element-Script-360x155.jpg 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/kadence-html-editor-hooked-elements\/\" target=\"_blank\" rel=\"noreferrer noopener\">Click here to learn more<\/a> about the HTML Editor Hooked Element feature.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading14211_620b4f-40, .wp-block-kadence-advancedheading.kt-adv-heading14211_620b4f-40[data-kb-block=\"kb-adv-heading14211_620b4f-40\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading14211_620b4f-40 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading14211_620b4f-40[data-kb-block=\"kb-adv-heading14211_620b4f-40\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading14211_620b4f-40 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading14211_620b4f-40[data-kb-block=\"kb-adv-heading14211_620b4f-40\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading14211_620b4f-40 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading14211_620b4f-40\">Testing and Launch<\/h2>\n\n\n\n<p>The above snippets assume you already have your GA4 account setup and installed on your site.  If you need assistance with setting that up, please see <a href=\"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/adding-google-analytics\/\" data-type=\"docs\" data-id=\"1026\">this document<\/a>.<\/p>\n\n\n\n<p>Once the form has been added to a page and your code snippet is in place, you should be able to submit entries to the form and monitor your GA4 Realtime Event stats.<\/p>\n\n\n<style>.kb-image14211_4cbe2c-b6 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image14211_4cbe2c-b6 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1918\" height=\"878\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/ga4_events.png\" alt=\"GA4 Events screenshot\" class=\"kb-img wp-image-14217\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/ga4_events.png 1918w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/ga4_events-300x137.png 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/ga4_events-1024x469.png 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/ga4_events-768x352.png 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/ga4_events-1536x703.png 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/ga4_events-360x165.png 360w\" sizes=\"auto, (max-width: 1918px) 100vw, 1918px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Tracking form submissions can be a key, critical part of measuring how well your site is performing. Google Analytics makes it possible to monitor these interactions so you can see what&#8217;s working, spot potential issues, and improve conversions. In this guide, we&#8217;ll walk through how to track Kadence Form submissions using Google Analytics. Adding a&#8230;<\/p>\n","protected":false},"author":227588,"featured_media":14217,"comment_status":"open","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[444],"doc_tag":[],"knowledge_base":[7],"class_list":["post-14211","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-kadence-form-integrations","knowledge_base-kadence-blocks"],"year_month":"2026-04","word_count":660,"total_views":"1081","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"display_name":"Anthony Paparelli","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/anthony-paparelli\/"},"doc_category_info":[{"term_name":"Kadence Form Integrations","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/kadence-form-integrations\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Blocks","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-blocks\/","term_slug":"kadence-blocks"}],"knowledge_base_slug":["kadence-blocks"],"taxonomy_info":{"doc_category":[{"value":444,"label":"Kadence Form Integrations"}],"knowledge_base":[{"value":7,"label":"Kadence Blocks"}]},"featured_image_src_large":["https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2025\/08\/ga4_events-1024x469.png",1024,469,true],"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/14211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/users\/227588"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=14211"}],"version-history":[{"count":8,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/14211\/revisions"}],"predecessor-version":[{"id":14233,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/14211\/revisions\/14233"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media\/14217"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=14211"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=14211"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=14211"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=14211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}