{"id":21636,"date":"2025-03-02T12:23:08","date_gmt":"2025-03-02T12:23:08","guid":{"rendered":"https:\/\/marketist.co\/blog\/?p=21636"},"modified":"2025-08-30T07:19:03","modified_gmt":"2025-08-30T07:19:03","slug":"how-to-add-ga4-code-to-html-website","status":"publish","type":"post","link":"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/","title":{"rendered":"How to add GA4 code to HTML website?"},"content":{"rendered":"<p data-start=\"208\" data-end=\"565\">How to add GA4 code to HTML website?\u00a0Google Analytics 4 (GA4) is the latest and most advanced version of Google Analytics, offering improved features over the previous Universal Analytics. However, if you&#8217;re running an HTML-coded website, adding GA4 code may seem a bit tricky.<\/p>\n<p data-start=\"567\" data-end=\"735\">Don&#8217;t worry!<\/p>\n<p data-start=\"567\" data-end=\"735\">This step-by-step guide will walk you through the process of integrating GA4 with your HTML website to get valuable insights on your website\u2019s performance.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#What_is_GA4_and_Why_Should_You_Use_It\" >What is GA4, and Why Should You Use It?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#Step-by-Step_Guide_to_Adding_GA4_Code_to_Your_HTML_Website\" >Step-by-Step Guide to Adding GA4 Code to Your HTML Website<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#Step_1_Create_a_GA4_Property_in_Google_Analytics\" >Step 1: Create a GA4 Property in Google Analytics<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#Step_2_Get_Your_GA4_Measurement_ID\" >Step 2: Get Your GA4 Measurement ID<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#Step_3_Copy_the_GA4_Global_Site_Tag_gtagjs_Code\" >Step 3: Copy the GA4 Global Site Tag (gtag.js) Code<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#Step_4_Add_GA4_Code_to_Your_HTML_Website\" >Step 4: Add GA4 Code to Your HTML Website<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#Step_5_Test_Your_GA4_Setup\" >Step 5: Test Your GA4 Setup<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#Troubleshooting_Common_Issues\" >Troubleshooting Common Issues<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#Best_Practices_for_GA4_Setup\" >Best Practices for GA4 Setup<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#FAQs\" >FAQs:<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#1_What_is_Google_Analytics_4_GA4\" >1. What is Google Analytics 4 (GA4)?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#2_How_is_GA4_different_from_Universal_Analytics\" >2. How is GA4 different from Universal Analytics?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#3_Do_I_need_to_switch_to_GA4_from_Universal_Analytics\" >3. Do I need to switch to GA4 from Universal Analytics?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#4_How_long_does_it_take_for_GA4_data_to_appear\" >4. How long does it take for GA4 data to appear?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#5_Can_I_use_GA4_on_a_website_built_with_HTML\" >5. Can I use GA4 on a website built with HTML?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#6_What_if_the_GA4_code_isnt_working_properly\" >6. What if the GA4 code isn\u2019t working properly?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#7_Can_I_track_custom_events_with_GA4\" >7. Can I track custom events with GA4?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#8_Do_I_need_a_developer_to_add_GA4_code_to_my_HTML_website\" >8. Do I need a developer to add GA4 code to my HTML website?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#9_Is_it_necessary_to_use_Google_Tag_Manager_for_GA4_setup\" >9. Is it necessary to use Google Tag Manager for GA4 setup?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#10_How_can_I_test_if_GA4_is_working_on_my_website\" >10. How can I test if GA4 is working on my website?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#Conclusion\" >Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2 data-start=\"737\" data-end=\"783\"><span class=\"ez-toc-section\" id=\"What_is_GA4_and_Why_Should_You_Use_It\"><\/span><strong data-start=\"740\" data-end=\"783\">What is GA4, and Why Should You Use It?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p data-start=\"785\" data-end=\"1100\">Google Analytics 4 (GA4) is the newest version of Google Analytics designed to provide enhanced tracking capabilities, especially for businesses that use multiple devices and platforms. Unlike Universal Analytics, GA4 focuses on event-based tracking rather than pageviews, providing more granular and flexible data.<\/p>\n<p data-start=\"1102\" data-end=\"1145\">Here\u2019s why GA4 is crucial for your website:<\/p>\n<ul data-start=\"1147\" data-end=\"1723\">\n<li data-start=\"1147\" data-end=\"1257\"><strong data-start=\"1149\" data-end=\"1174\">Event-Based Tracking:<\/strong> GA4 allows you to track user interactions like clicks, downloads, and video plays.<\/li>\n<li data-start=\"1258\" data-end=\"1419\"><strong data-start=\"1260\" data-end=\"1288\">Cross-Platform Tracking:<\/strong> GA4 can track users across both web and app platforms, making it a robust choice for businesses with multiple digital touchpoints.<\/li>\n<li data-start=\"1420\" data-end=\"1592\"><strong data-start=\"1422\" data-end=\"1445\">Improved Reporting:<\/strong> With features like enhanced eCommerce reporting and predictive metrics, GA4 empowers businesses to optimize user experience and marketing efforts.<\/li>\n<li data-start=\"1593\" data-end=\"1723\"><strong data-start=\"1595\" data-end=\"1612\">Data Privacy:<\/strong> GA4 offers better privacy and data retention policies, making it compliant with recent privacy laws like GDPR.<\/li>\n<\/ul>\n<h2 data-start=\"1725\" data-end=\"1790\"><span class=\"ez-toc-section\" id=\"Step-by-Step_Guide_to_Adding_GA4_Code_to_Your_HTML_Website\"><\/span><strong data-start=\"1728\" data-end=\"1790\">Step-by-Step Guide to Adding GA4 Code to Your HTML Website<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 data-start=\"1792\" data-end=\"1849\"><\/h3>\n<h3 data-start=\"1792\" data-end=\"1849\"><span class=\"ez-toc-section\" id=\"Step_1_Create_a_GA4_Property_in_Google_Analytics\"><\/span><strong data-start=\"1796\" data-end=\"1849\">Step 1: Create a GA4 Property in Google Analytics<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p data-start=\"1851\" data-end=\"1945\">Before you can integrate GA4 with your website, you need to create a GA4 property. Here\u2019s how:<\/p>\n<ol data-start=\"1947\" data-end=\"2393\">\n<li data-start=\"1947\" data-end=\"2065\"><strong data-start=\"1950\" data-end=\"1981\">Log in to Google Analytics:<\/strong> Go to <a href=\"https:\/\/analytics.google.com\/\" target=\"_new\" rel=\"noopener\" data-start=\"1988\" data-end=\"2037\">Google Analytics<\/a> and log in to your account.<\/li>\n<li data-start=\"2066\" data-end=\"2393\"><strong data-start=\"2069\" data-end=\"2095\">Create a New Property:<\/strong>\n<ul data-start=\"2099\" data-end=\"2393\">\n<li data-start=\"2099\" data-end=\"2169\">Click on the <strong data-start=\"2114\" data-end=\"2123\">Admin<\/strong> button (gear icon in the bottom-left corner).<\/li>\n<li data-start=\"2173\" data-end=\"2237\">Under the <strong data-start=\"2185\" data-end=\"2197\">Property<\/strong> column, click on <strong data-start=\"2215\" data-end=\"2236\">+ Create Property<\/strong>.<\/li>\n<li data-start=\"2241\" data-end=\"2340\">Choose <strong data-start=\"2250\" data-end=\"2257\">Web<\/strong> as your platform, enter your website&#8217;s name, URL, and other necessary information.<\/li>\n<li data-start=\"2344\" data-end=\"2393\">Click <strong data-start=\"2352\" data-end=\"2362\">Create<\/strong> to generate your GA4 property.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3 data-start=\"2395\" data-end=\"2438\"><span class=\"ez-toc-section\" id=\"Step_2_Get_Your_GA4_Measurement_ID\"><\/span><strong data-start=\"2399\" data-end=\"2438\">Step 2: Get Your GA4 Measurement ID<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p data-start=\"2440\" data-end=\"2539\">After creating your GA4 property, you will need the Measurement ID to configure your tracking code:<\/p>\n<ol data-start=\"2541\" data-end=\"2834\">\n<li data-start=\"2541\" data-end=\"2621\">In your <strong data-start=\"2552\" data-end=\"2572\">Google Analytics<\/strong> dashboard, select the property you just created.<\/li>\n<li data-start=\"2622\" data-end=\"2693\">Go to <strong data-start=\"2631\" data-end=\"2640\">Admin<\/strong>, then under <strong data-start=\"2653\" data-end=\"2665\">Property<\/strong>, click on <strong data-start=\"2676\" data-end=\"2692\">Data Streams<\/strong>.<\/li>\n<li data-start=\"2694\" data-end=\"2834\">Select <strong data-start=\"2704\" data-end=\"2711\">Web<\/strong>, and you\u2019ll see the <strong data-start=\"2732\" data-end=\"2750\">Measurement ID<\/strong> in the &#8220;Web stream details&#8221; section. It will look something like this: <code data-start=\"2822\" data-end=\"2833\">G-XXXXXXX<\/code>.<\/li>\n<\/ol>\n<h3 data-start=\"2836\" data-end=\"2895\"><span class=\"ez-toc-section\" id=\"Step_3_Copy_the_GA4_Global_Site_Tag_gtagjs_Code\"><\/span><strong data-start=\"2840\" data-end=\"2895\">Step 3: Copy the GA4 Global Site Tag (gtag.js) Code<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p data-start=\"2897\" data-end=\"3016\">Now that you have the Measurement ID, it\u2019s time to grab the tracking code (gtag.js) to insert into your website&#8217;s HTML.<\/p>\n<ol data-start=\"3018\" data-end=\"3204\">\n<li data-start=\"3018\" data-end=\"3100\">In the <strong data-start=\"3028\" data-end=\"3050\">Web Stream Details<\/strong> section, scroll down to <strong data-start=\"3075\" data-end=\"3099\">Tagging Instructions<\/strong>.<\/li>\n<li data-start=\"3101\" data-end=\"3141\">Select <strong data-start=\"3111\" data-end=\"3140\">Global Site Tag (gtag.js)<\/strong>.<\/li>\n<li data-start=\"3142\" data-end=\"3204\">Copy the provided tracking code, which will look like this:<\/li>\n<\/ol>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-[5px] h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none\">html<\/div>\n<div class=\"sticky top-9 md:top-[5.75rem]\">\n<div class=\"absolute bottom-0 right-2 flex h-9 items-center\">\n<div class=\"flex items-center rounded bg-token-sidebar-surface-primary px-2 font-sans text-xs text-token-text-secondary dark:bg-token-main-surface-secondary\"><span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center select-none px-4 py-1\" aria-label=\"Copy\">Copy<\/button><\/span><span class=\"\" data-state=\"closed\"><button class=\"flex select-none items-center gap-1\">Edit<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"!whitespace-pre language-html\"><span class=\"hljs-comment\">&lt;!-- Global site tag (gtag.js) - Google Analytics --&gt;<\/span><br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">script<\/span> <span class=\"hljs-attr\">async<\/span> <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-XXXXXXX\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">script<\/span>&gt;<\/span><br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">script<\/span>&gt;<\/span><span class=\"language-javascript\"><br \/>\n<span class=\"hljs-variable language_\">window<\/span>.<span class=\"hljs-property\">dataLayer<\/span> = <span class=\"hljs-variable language_\">window<\/span>.<span class=\"hljs-property\">dataLayer<\/span> || [];<br \/>\n<span class=\"hljs-keyword\">function<\/span> <span class=\"hljs-title function_\">gtag<\/span>(){dataLayer.<span class=\"hljs-title function_\">push<\/span>(<span class=\"hljs-variable language_\">arguments<\/span>);}<br \/>\n<span class=\"hljs-title function_\">gtag<\/span>(<span class=\"hljs-string\">'js'<\/span>, <span class=\"hljs-keyword\">new<\/span> <span class=\"hljs-title class_\">Date<\/span>());<br \/>\n<span class=\"hljs-title function_\">gtag<\/span>(<span class=\"hljs-string\">'config'<\/span>, <span class=\"hljs-string\">'G-XXXXXXX'<\/span>);<br \/>\n<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">script<\/span>&gt;<\/span><br \/>\n<\/code><\/div>\n<\/div>\n<p data-start=\"3524\" data-end=\"3580\">Replace <code data-start=\"3532\" data-end=\"3543\">G-XXXXXXX<\/code> with your unique <strong data-start=\"3561\" data-end=\"3579\">Measurement ID<\/strong>.<\/p>\n<h3 data-start=\"3582\" data-end=\"3631\"><span class=\"ez-toc-section\" id=\"Step_4_Add_GA4_Code_to_Your_HTML_Website\"><\/span><strong data-start=\"3586\" data-end=\"3631\">Step 4: Add GA4 Code to Your HTML Website<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p data-start=\"3633\" data-end=\"3706\">Now that you have the tracking code, it\u2019s time to add it to your website.<\/p>\n<ol data-start=\"3708\" data-end=\"4121\">\n<li data-start=\"3708\" data-end=\"3848\"><strong data-start=\"3711\" data-end=\"3745\">Open Your Website\u2019s HTML File:<\/strong> Use your text editor (like Sublime Text, Notepad++, or VS Code) to open the HTML file of your website.<\/li>\n<li data-start=\"3849\" data-end=\"4121\"><strong data-start=\"3852\" data-end=\"3899\">Paste the GA4 Code in the <code data-start=\"3880\" data-end=\"3888\">&lt;head&gt;<\/code> Section:<\/strong>\n<ul data-start=\"3904\" data-end=\"4121\">\n<li data-start=\"3904\" data-end=\"3992\">Paste the entire tracking code just before the closing <code data-start=\"3961\" data-end=\"3970\">&lt;\/head&gt;<\/code> tag in the HTML file.<\/li>\n<li data-start=\"3996\" data-end=\"4121\">This ensures that the tracking code loads early on in the page load process, which is crucial for accurate data collection.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p data-start=\"4123\" data-end=\"4131\">Example:<\/p>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-[5px] h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none\">html<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"!whitespace-pre language-html\"><code class=\"!whitespace-pre language-html\"><span class=\"hljs-meta\">&lt;!DOCTYPE <span class=\"hljs-keyword\">html<\/span>&gt;<\/span><br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">html<\/span> <span class=\"hljs-attr\">lang<\/span>=<span class=\"hljs-string\">\"en\"<\/span>&gt;<\/span><br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">head<\/span>&gt;<\/span><br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">meta<\/span> <span class=\"hljs-attr\">charset<\/span>=<span class=\"hljs-string\">\"UTF-8\"<\/span>&gt;<\/span><br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">meta<\/span> <span class=\"hljs-attr\">name<\/span>=<span class=\"hljs-string\">\"viewport\"<\/span> <span class=\"hljs-attr\">content<\/span>=<span class=\"hljs-string\">\"width=device-width, initial-scale=1.0\"<\/span>&gt;<\/span><br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">title<\/span>&gt;<\/span>Your Website Title<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">title<\/span>&gt;<\/span><\/code><\/code><span class=\"hljs-comment\">&lt;!&#8211; Global site tag (gtag.js) &#8211; Google Analytics &#8211;&gt;<\/span><br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">script<\/span> <span class=\"hljs-attr\">async<\/span> <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">&#8220;https:\/\/www.googletagmanager.com\/gtag\/js?id=G-XXXXXXX&#8221;<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">script<\/span>&gt;<\/span><br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">script<\/span>&gt;<\/span><span class=\"language-javascript\"><br \/>\n<span class=\"hljs-variable language_\">window<\/span>.<span class=\"hljs-property\">dataLayer<\/span> = <span class=\"hljs-variable language_\">window<\/span>.<span class=\"hljs-property\">dataLayer<\/span> || [];<br \/>\n<span class=\"hljs-keyword\">function<\/span> <span class=\"hljs-title function_\">gtag<\/span>(){dataLayer.<span class=\"hljs-title function_\">push<\/span>(<span class=\"hljs-variable language_\">arguments<\/span>);}<br \/>\n<span class=\"hljs-title function_\">gtag<\/span>(<span class=\"hljs-string\">&#8216;js&#8217;<\/span>, <span class=\"hljs-keyword\">new<\/span> <span class=\"hljs-title class_\">Date<\/span>());<br \/>\n<span class=\"hljs-title function_\">gtag<\/span>(<span class=\"hljs-string\">&#8216;config&#8217;<\/span>, <span class=\"hljs-string\">&#8216;G-XXXXXXX&#8217;<\/span>);<br \/>\n<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">script<\/span>&gt;<\/span><br \/>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">head<\/span>&gt;<\/span><br \/>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">body<\/span>&gt;<\/span><br \/>\n<span class=\"hljs-comment\">&lt;!&#8211; Your website content goes here &#8211;&gt;<\/span><br \/>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">body<\/span>&gt;<\/span><br \/>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">html<\/span>&gt;<\/span><\/div>\n<\/div>\n<h3 data-start=\"4717\" data-end=\"4752\"><span class=\"ez-toc-section\" id=\"Step_5_Test_Your_GA4_Setup\"><\/span><strong data-start=\"4721\" data-end=\"4752\">Step 5: Test Your GA4 Setup<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p data-start=\"4754\" data-end=\"4862\">After adding the GA4 code to your website, it\u2019s important to verify that it\u2019s working correctly. Here\u2019s how:<\/p>\n<ol data-start=\"4864\" data-end=\"5394\">\n<li data-start=\"4864\" data-end=\"5078\"><strong data-start=\"4867\" data-end=\"4892\">Google Tag Assistant:<\/strong> Install the Google Tag Assistant Chrome extension. It will help you detect whether the GA4 code is firing properly.<\/li>\n<li data-start=\"5079\" data-end=\"5241\"><strong data-start=\"5082\" data-end=\"5104\">Real-Time Reports:<\/strong> In your Google Analytics account, go to the <strong data-start=\"5149\" data-end=\"5162\">Real-Time<\/strong> report section. Open your website in a new tab and check if it shows activity.<\/li>\n<li data-start=\"5242\" data-end=\"5394\"><strong data-start=\"5245\" data-end=\"5275\">Google Analytics Debugger:<\/strong> If you\u2019re using Google Chrome, the Google Analytics Debugger extension can help you debug and verify the installation.<\/li>\n<\/ol>\n<h2 data-start=\"5396\" data-end=\"5432\"><span class=\"ez-toc-section\" id=\"Troubleshooting_Common_Issues\"><\/span><strong data-start=\"5399\" data-end=\"5432\">Troubleshooting Common Issues<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul data-start=\"5434\" data-end=\"5908\">\n<li data-start=\"5434\" data-end=\"5581\"><strong data-start=\"5436\" data-end=\"5463\">No Data Showing in GA4:<\/strong> If you don\u2019t see data immediately, don\u2019t panic. It may take up to 24 hours for GA4 to start displaying accurate data.<\/li>\n<li data-start=\"5582\" data-end=\"5732\"><strong data-start=\"5584\" data-end=\"5613\">Incorrect Measurement ID:<\/strong> Double-check that you\u2019ve copied the correct Measurement ID from the GA4 property and pasted it into the tracking code.<\/li>\n<li data-start=\"5733\" data-end=\"5908\"><strong data-start=\"5735\" data-end=\"5759\">Tracking Not Firing:<\/strong> Use Google Tag Assistant to ensure that the tracking code is firing. If it&#8217;s not, try clearing your browser cache or testing in an incognito window.<\/li>\n<\/ul>\n<h2 data-start=\"5910\" data-end=\"5945\"><span class=\"ez-toc-section\" id=\"Best_Practices_for_GA4_Setup\"><\/span><strong data-start=\"5913\" data-end=\"5945\">Best Practices for GA4 Setup<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul data-start=\"5947\" data-end=\"6423\">\n<li data-start=\"5947\" data-end=\"6124\"><strong data-start=\"5949\" data-end=\"5984\">Customize Events &amp; Conversions:<\/strong> GA4 allows you to track specific user actions as events (like button clicks). Learn how to configure custom events to gain deeper insights.<\/li>\n<li data-start=\"6125\" data-end=\"6272\"><strong data-start=\"6127\" data-end=\"6162\">Regularly Verify Data Accuracy:<\/strong> Check your GA4 dashboard regularly to ensure the data is accurate and reflects your website\u2019s actual traffic.<\/li>\n<li data-start=\"6273\" data-end=\"6423\"><strong data-start=\"6275\" data-end=\"6313\">Use Google Tag Manager (Optional):<\/strong> For more flexibility in managing tags, consider using Google Tag Manager (GTM) to implement GA4 on your site.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"FAQs\"><\/span>FAQs:<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 data-start=\"149\" data-end=\"193\"><span class=\"ez-toc-section\" id=\"1_What_is_Google_Analytics_4_GA4\"><\/span><strong data-start=\"153\" data-end=\"193\">1. What is Google Analytics 4 (GA4)?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p data-start=\"194\" data-end=\"500\"><strong data-start=\"194\" data-end=\"205\">Answer:<\/strong> Google Analytics 4 (GA4) is the latest version of Google Analytics, offering advanced tracking features, including event-based data collection, cross-platform tracking, and improved privacy controls. GA4 is designed to provide more accurate insights into user behavior across websites and apps.<\/p>\n<h3 data-start=\"502\" data-end=\"559\"><span class=\"ez-toc-section\" id=\"2_How_is_GA4_different_from_Universal_Analytics\"><\/span><strong data-start=\"506\" data-end=\"559\">2. How is GA4 different from Universal Analytics?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p data-start=\"560\" data-end=\"873\"><strong data-start=\"560\" data-end=\"571\">Answer:<\/strong> Unlike Universal Analytics, which focuses on session-based data, GA4 uses an event-based model. This allows for better tracking of specific user actions (like clicks, downloads, and interactions). Additionally, GA4 offers better cross-platform integration, predictive insights, and enhanced reporting.<\/p>\n<h3 data-start=\"875\" data-end=\"938\"><span class=\"ez-toc-section\" id=\"3_Do_I_need_to_switch_to_GA4_from_Universal_Analytics\"><\/span><strong data-start=\"879\" data-end=\"938\">3. Do I need to switch to GA4 from Universal Analytics?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p data-start=\"939\" data-end=\"1162\"><strong data-start=\"939\" data-end=\"950\">Answer:<\/strong> Yes, Google recommends upgrading to GA4 as Universal Analytics will stop processing new data in 2023. GA4 provides more powerful features, better data privacy measures, and improved tracking for modern websites.<\/p>\n<h3 data-start=\"1164\" data-end=\"1220\"><span class=\"ez-toc-section\" id=\"4_How_long_does_it_take_for_GA4_data_to_appear\"><\/span><strong data-start=\"1168\" data-end=\"1220\">4. How long does it take for GA4 data to appear?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p data-start=\"1221\" data-end=\"1416\"><strong data-start=\"1221\" data-end=\"1232\">Answer:<\/strong> GA4 typically takes 24-48 hours to start showing accurate data. During this time, Google Analytics will process the data collected from your website, which may not appear immediately.<\/p>\n<h3 data-start=\"1418\" data-end=\"1472\"><span class=\"ez-toc-section\" id=\"5_Can_I_use_GA4_on_a_website_built_with_HTML\"><\/span><strong data-start=\"1422\" data-end=\"1472\">5. Can I use GA4 on a website built with HTML?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p data-start=\"1473\" data-end=\"1677\"><strong data-start=\"1473\" data-end=\"1484\">Answer:<\/strong> Absolutely! GA4 can be easily integrated into any HTML-coded website. By adding the GA4 tracking code to the <code data-start=\"1594\" data-end=\"1602\">&lt;head&gt;<\/code> section of your website\u2019s HTML, you can start collecting data immediately.<\/p>\n<h3 data-start=\"1679\" data-end=\"1734\"><span class=\"ez-toc-section\" id=\"6_What_if_the_GA4_code_isnt_working_properly\"><\/span><strong data-start=\"1683\" data-end=\"1734\">6. What if the GA4 code isn\u2019t working properly?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p data-start=\"1735\" data-end=\"1798\"><strong data-start=\"1735\" data-end=\"1746\">Answer:<\/strong> If the GA4 code isn\u2019t working, check the following:<\/p>\n<ul data-start=\"1799\" data-end=\"2111\">\n<li data-start=\"1799\" data-end=\"1872\">Ensure you\u2019ve pasted the code correctly, especially the Measurement ID.<\/li>\n<li data-start=\"1873\" data-end=\"1964\">Use the Google Tag Assistant browser extension to verify that the tag is firing properly.<\/li>\n<li data-start=\"1965\" data-end=\"2111\">Make sure you\u2019re using the correct property in Google Analytics. If issues persist, consider using Google Tag Manager for easier tag management.<\/li>\n<\/ul>\n<h3 data-start=\"2113\" data-end=\"2159\"><span class=\"ez-toc-section\" id=\"7_Can_I_track_custom_events_with_GA4\"><\/span><strong data-start=\"2117\" data-end=\"2159\">7. Can I track custom events with GA4?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p data-start=\"2160\" data-end=\"2382\"><strong data-start=\"2160\" data-end=\"2171\">Answer:<\/strong> Yes! GA4 allows you to track custom events such as button clicks, form submissions, and video plays. You can configure custom events in your GA4 property to gather more granular insights into user interactions.<\/p>\n<h3 data-start=\"2384\" data-end=\"2452\"><span class=\"ez-toc-section\" id=\"8_Do_I_need_a_developer_to_add_GA4_code_to_my_HTML_website\"><\/span><strong data-start=\"2388\" data-end=\"2452\">8. Do I need a developer to add GA4 code to my HTML website?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p data-start=\"2453\" data-end=\"2691\"><strong data-start=\"2453\" data-end=\"2464\">Answer:<\/strong> While adding GA4 to your HTML website is fairly straightforward, some technical knowledge is required to place the code in the correct part of your HTML. If you&#8217;re not familiar with coding, you may want to consult a developer.<\/p>\n<h3 data-start=\"2693\" data-end=\"2760\"><span class=\"ez-toc-section\" id=\"9_Is_it_necessary_to_use_Google_Tag_Manager_for_GA4_setup\"><\/span><strong data-start=\"2697\" data-end=\"2760\">9. Is it necessary to use Google Tag Manager for GA4 setup?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p data-start=\"2761\" data-end=\"2998\"><strong data-start=\"2761\" data-end=\"2772\">Answer:<\/strong> No, it&#8217;s not necessary, but using Google Tag Manager (GTM) provides more flexibility. GTM allows you to manage all your website tags (including GA4) in one place, making it easier to implement, update, and track various tags.<\/p>\n<h3 data-start=\"3000\" data-end=\"3059\"><span class=\"ez-toc-section\" id=\"10_How_can_I_test_if_GA4_is_working_on_my_website\"><\/span><strong data-start=\"3004\" data-end=\"3059\">10. How can I test if GA4 is working on my website?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p data-start=\"3060\" data-end=\"3110\"><strong data-start=\"3060\" data-end=\"3071\">Answer:<\/strong> After adding the GA4 code, test it by:<\/p>\n<ul data-start=\"3111\" data-end=\"3370\">\n<li data-start=\"3111\" data-end=\"3199\">Using the <strong data-start=\"3123\" data-end=\"3147\">Google Tag Assistant<\/strong> Chrome extension to check if the GA4 tag is firing.<\/li>\n<li data-start=\"3200\" data-end=\"3298\">Checking the <strong data-start=\"3215\" data-end=\"3236\">Real-Time Reports<\/strong> in Google Analytics to see if your activity is being tracked.<\/li>\n<li data-start=\"3299\" data-end=\"3370\">Using the <strong data-start=\"3311\" data-end=\"3340\">Google Analytics Debugger<\/strong> in Chrome to debug the setup.<\/li>\n<\/ul>\n<h2 data-start=\"6425\" data-end=\"6442\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span><strong data-start=\"6428\" data-end=\"6442\">Conclusion<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p data-start=\"6444\" data-end=\"6740\">Integrating Google Analytics 4 with your HTML website is an essential step toward gaining valuable insights into your website&#8217;s performance. By following these steps, you can ensure accurate tracking of your website visitors, helping you make informed decisions and optimize your online presence.<\/p>\n<p data-start=\"6742\" data-end=\"6863\">Stay ahead of the curve by mastering GA4 and taking advantage of its powerful features to grow your website and business!<\/p>\n<hr \/>\n<p style=\"text-align: center;\">Subscribe to Our <a href=\"https:\/\/marketist.co\/blog\/\"><strong>Blog<\/strong><\/a> with your email (<strong>Is it too much too ask?<\/strong>);<br \/>\n<div class=\"mf-form-shortcode\">\r\n\t\t<div\r\n\t\t\tid=\"metform-wrap-21440-21440\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"21440\"\r\n\t\t\tdata-action=\"https:\/\/marketist.co\/blog\/wp-json\/metform\/v1\/entries\/insert\/21440\"\r\n\t\t\tdata-wp-nonce=\"4d75b2b26e\"\r\n\t\t\tdata-form-nonce=\"b159462320\"\r\n\t\t\tdata-quiz-summery = \"false\"\r\n\t\t\tdata-save-progress = \"false\"\r\n\t\t\tdata-form-type=\"general-form\"\r\n\t\t\tdata-stop-vertical-effect=\"\"\r\n\t\t\t><\/div>\r\n\r\n\r\n\t\t<!----------------------------- \r\n\t\t\t* controls_data : find the the props passed indie of data attribute\r\n\t\t\t* props.SubmitResponseMarkup : contains the markup of error or success message\r\n\t\t\t* https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Template_literals\r\n\t\t--------------------------- -->\r\n\r\n\t\t\t\t<script type=\"text\/mf\" class=\"mf-template\">\r\n\t\t\tfunction controls_data (value){\r\n\t\t\t\tlet currentWrapper = \"mf-response-props-id-21440\";\r\n\t\t\t\tlet currentEl = document.getElementById(currentWrapper);\r\n\t\t\t\t\r\n\t\t\t\treturn currentEl ? currentEl.dataset[value] : false\r\n\t\t\t}\r\n\r\n\r\n\t\t\tlet is_edit_mode = '' ? true : false;\r\n\t\t\tlet message_position = controls_data('messageposition') || 'top';\r\n\r\n\t\t\t\r\n\t\t\tlet message_successIcon = controls_data('successicon') || '';\r\n\t\t\tlet message_errorIcon = controls_data('erroricon') || '';\r\n\t\t\tlet message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;\r\n\t\t\tlet message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';\r\n\t\t\t\r\n\t\t\tlet is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;\r\n\r\n\t\t\t\r\n\t\t\treturn html`\r\n\t\t\t\t<form\r\n\t\t\t\t\tclassName=\"metform-form-content\"\r\n\t\t\t\t\tref=${parent.formContainerRef}\r\n\t\t\t\t\tonSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }\r\n\t\t\t\t\r\n\t\t\t\t\t>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'top' ?  props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' :  message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\r\n\t\t\t\t\t<!--------------------------------------------------------\r\n\t\t\t\t\t*** IMPORTANT \/ DANGEROUS ***\r\n\t\t\t\t\t${html``} must be used as in immediate child of \"metform-form-main-wrapper\"\r\n\t\t\t\t\tclass otherwise multistep form will not run at all\r\n\t\t\t\t\t---------------------------------------------------------->\r\n\r\n\t\t\t\t\t<div className=\"metform-form-main-wrapper\" key=${'hide-form-after-submit'} ref=${parent.formRef}>\r\n\t\t\t\t\t${html`\r\n\t\t\t\t\t\t<style key=\"1\">.elementor-21440 .elementor-element.elementor-element-8894fce.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-21440 .elementor-element.elementor-element-5a26283{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-21440 .elementor-element.elementor-element-5a26283 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input, .elementor-21440 .elementor-element.elementor-element-5a26283 .elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input-wrapper .iti--separate-dial-code .iti__selected-flag, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input-wrapper .iti--separate-dial-code .iti__selected-dial-code{color:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .irs--round .irs-bar, .elementor-21440 .elementor-element.elementor-element-5a26283 .irs--round .irs-from, .elementor-21440 .elementor-element.elementor-element-5a26283 .irs--round .irs-to, .elementor-21440 .elementor-element.elementor-element-5a26283 .irs--round .irs-single{background-color:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .irs--round .irs-handle{border-color:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .irs--round .irs-from:before, .elementor-21440 .elementor-element.elementor-element-5a26283 .irs--round .irs-to:before, .elementor-21440 .elementor-element.elementor-element-5a26283 .irs--round .irs-single:before{border-top-color:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf_select__single-value{color:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input-wrapper{border-color:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input-wrapper .input-range__track--active{background-color:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input-wrapper .asRange .asRange-pointer .asRange-tip{background-color:#000000;border-color:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input-file-upload-label, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input-calculation-total{color:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input-file-upload-label svg path{stroke:#000000;fill:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf_multiselect__multi-value__label, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf_multiselect__multi-value__remove,.elementor-21440 .elementor-element.elementor-element-5a26283 .mf_multiselect__menu-notice--no-options{color:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input:hover, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input-wrapper:hover .iti--separate-dial-code .iti__selected-flag, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input-wrapper:hover .iti--separate-dial-code .iti__selected-dial-code{color:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .irs--round .irs-handle:hover{border-color:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input-file-upload-label:hover{color:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input:hover .mf_select__single-value{color:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-file-upload-container:hover .mf-input-file-upload-label svg path{stroke:#000000;fill:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf_multiselect__multi-value:hover .mf_multiselect__multi-value__label, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf_multiselect__multi-value:hover .mf_multiselect__multi-value__remove,.elementor-21440 .elementor-element.elementor-element-5a26283 .mf_multiselect__menu-notice--no-options:hover{color:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input:focus, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input-wrapper:focus .iti--separate-dial-code .iti__selected-flag, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input-wrapper:focus .iti--separate-dial-code .iti__selected-dial-code{color:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .irs--round .irs-handle:focus{border-color:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-file-upload-container:focus .mf-input-file-upload-label, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf-file-upload-container:focus .mf-image-label, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input-calculation-total:focus{color:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input > .mf_select__control--is-focused .mf_select__single-value{color:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-file-upload-container:focus .mf-input-file-upload-label svg path{stroke:#000000;fill:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input-calculation-total:focus, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf_multiselect__option:focus, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf_multiselect__multi-value:focus .mf_multiselect__multi-value__label, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf_multiselect__multi-value:focus .mf_multiselect__multi-value__remove, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf_multiselect__menu-notice--no-options:focus{color:#000000;}.elementor-21440 .elementor-element.elementor-element-5a26283 .input-range .input-range__track{border-radius:0px;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input{border-radius:0px;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-file-upload-container .mf-input-file-upload-label, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input-wrapper .iti--separate-dial-code .iti__selected-flag, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input-calculation-total{border-radius:0px;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input-select > .mf_select__control, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input-multiselect .mf_multiselect__control, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf_multiselect__option, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf_multiselect__multi-value__label, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf_multiselect__multi-value__remove, .elementor-21440 .elementor-element.elementor-element-5a26283 .mf_multiselect__menu-notice--no-options {border-radius:0px;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input:not([type=\"submit\"]):not([type=\"checkbox\"]):not([type=\"radio\"])::-webkit-input-placeholder{color:#c9c1c1;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input:not([type=\"submit\"]):not([type=\"checkbox\"]):not([type=\"radio\"])::-moz-placeholder{color:#c9c1c1;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input:not([type=\"submit\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):-ms-input-placeholder{color:#c9c1c1;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input:not([type=\"submit\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):-moz-placeholder{color:#c9c1c1;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-time-input::before{color:#c9c1c1;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input::-webkit-input-placeholder{color:#c9c1c1;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input::-moz-placeholder{color:#c9c1c1;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input:-ms-input-placeholder{color:#c9c1c1;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-input:-moz-placeholder{color:#c9c1c1;}.elementor-21440 .elementor-element.elementor-element-5a26283 :is(.mf_select__placeholder, .mf_multiselect__placeholder){color:#c9c1c1;}.elementor-21440 .elementor-element.elementor-element-5a26283 .mf-error-message{color:#FF0000;}.elementor-21440 .elementor-element.elementor-element-a015ee2 .mf-btn-wraper{text-align:center;}.elementor-21440 .elementor-element.elementor-element-a015ee2{width:auto;max-width:auto;}.elementor-21440 .elementor-element.elementor-element-a015ee2 > .elementor-widget-container{margin:0px 0px 0px 25px;}.elementor-21440 .elementor-element.elementor-element-a015ee2 .metform-btn{padding:15px 20px 15px 20px;color:#ffffff;border-style:none;border-radius:5px 5px 5px 5px;}.elementor-21440 .elementor-element.elementor-element-a015ee2 .metform-btn:hover{color:#FFFFFF;}.elementor-21440 .elementor-element.elementor-element-a015ee2 .metform-btn:focus{color:#FFFFFF;}<\/style>\t\t<div data-elementor-type=\"wp-post\" key=\"2\" data-elementor-id=\"21440\" className=\"elementor elementor-21440\">\n\t\t\t\t\t\t<section className=\"elementor-section elementor-top-section elementor-element elementor-element-3655339 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3655339\" data-element_type=\"section\">\n\t\t\t\t\t\t<div className=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div className=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8894fce\" data-id=\"8894fce\" data-element_type=\"column\">\n\t\t\t<div className=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div className=\"elementor-element elementor-element-5a26283 elementor-widget__width-initial elementor-widget elementor-widget-mf-email\" data-id=\"5a26283\" data-element_type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-email&quot;}\" data-widget_type=\"mf-email.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\r\n\t\t\t<input \r\n\t\t\t\ttype=\"email\" \r\n\t\t\t\t \r\n\t\t\t\tdefaultValue=\"\" \r\n\t\t\t\tclassName=\"mf-input \" \r\n\t\t\t\tid=\"mf-input-email-5a26283\" \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Email ID`) } \" \r\n\t\t\t\t \r\n\t\t\t\tonBlur=${parent.handleChange} onFocus=${parent.handleChange} aria-invalid=${validation.errors['mf-email'] ? 'true' : 'false' } \r\n\t\t\t\tref=${el=> parent.activateValidation({\"message\":\"This field is required.\",\"emailMessage\":\"Please enter a valid Email address\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":false,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t<${validation.ErrorMessage} \r\n\t\t\t\terrors=${validation.errors} \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-a015ee2 elementor-widget__width-auto mf-btn--center elementor-widget elementor-widget-mf-button\" data-id=\"a015ee2\" data-element_type=\"widget\" data-widget_type=\"mf-button.default\">\n\t\t\t\t<div className=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div className=\"mf-btn-wraper \" data-mf-form-conditional-logic-requirement=\"\">\r\n\t\t\t\t\t\t\t<button type=\"submit\" className=\"metform-btn metform-submit-btn \" id=\"\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`Subscribe`) } <\/span>\r\n\t\t\t\t<\/button>\r\n\t\t\t        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t`}\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\t\t\t\t\r\n\t\t\t\t<\/form>\r\n\t\t\t`\r\n\t\t<\/script>\r\n\r\n\t\t<\/div><\/p>\n<hr \/>\n<p><a href=\"https:\/\/marketist.co\/\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-21683 size-full\" src=\"https:\/\/marketist.co\/blog\/wp-content\/uploads\/2025\/04\/Web-Design-Services-Digital-marketing-services-seo-services-google-ads-services.png\" alt=\"Web Design Services - Digital marketing services - seo services - google ads services\" width=\"750\" height=\"200\" srcset=\"https:\/\/marketist.co\/blog\/wp-content\/uploads\/2025\/04\/Web-Design-Services-Digital-marketing-services-seo-services-google-ads-services.png 750w, https:\/\/marketist.co\/blog\/wp-content\/uploads\/2025\/04\/Web-Design-Services-Digital-marketing-services-seo-services-google-ads-services-300x80.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>How to add GA4 code to HTML website?\u00a0Google Analytics 4 (GA4) is the latest and most advanced version of Google Analytics, offering improved features over the previous Universal Analytics. However, if you&#8217;re running an HTML-coded website, adding GA4 code may seem a bit tricky. Don&#8217;t worry! This step-by-step guide will walk you through the process [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":21637,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[4],"tags":[],"class_list":["post-21636","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add GA4 Code to HTML Website? Step-by-Step Guide<\/title>\n<meta name=\"description\" content=\"Learn how to add the GA4 tracking code to your HTML-coded website. Follow our easy, step-by-step guide to install Google Analytics 4 (GA4) &amp; track web traffic\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add GA4 Code to HTML Website? Step-by-Step Guide\" \/>\n<meta property=\"og:description\" content=\"Learn how to add the GA4 tracking code to your HTML-coded website. Follow our easy, step-by-step guide to install Google Analytics 4 (GA4) &amp; track web traffic\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Marketing Blog | Marketist\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/imrannadirk\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-02T12:23:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-30T07:19:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marketist.co\/blog\/wp-content\/uploads\/2025\/03\/How-to-add-GA4-code-to-HTML-website.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Imran Nadir\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@imrannadirk\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Imran Nadir\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/\",\"url\":\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/\",\"name\":\"How to Add GA4 Code to HTML Website? Step-by-Step Guide\",\"isPartOf\":{\"@id\":\"https:\/\/marketist.co\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/marketist.co\/blog\/wp-content\/uploads\/2025\/03\/How-to-add-GA4-code-to-HTML-website.png\",\"datePublished\":\"2025-03-02T12:23:08+00:00\",\"dateModified\":\"2025-08-30T07:19:03+00:00\",\"author\":{\"@id\":\"https:\/\/marketist.co\/blog\/#\/schema\/person\/10b772e42a25f82a9987d17cf3b6da03\"},\"description\":\"Learn how to add the GA4 tracking code to your HTML-coded website. Follow our easy, step-by-step guide to install Google Analytics 4 (GA4) & track web traffic\",\"breadcrumb\":{\"@id\":\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#primaryimage\",\"url\":\"https:\/\/marketist.co\/blog\/wp-content\/uploads\/2025\/03\/How-to-add-GA4-code-to-HTML-website.png\",\"contentUrl\":\"https:\/\/marketist.co\/blog\/wp-content\/uploads\/2025\/03\/How-to-add-GA4-code-to-HTML-website.png\",\"width\":1920,\"height\":1080,\"caption\":\"How to add GA4 code to HTML website\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/marketist.co\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add GA4 code to HTML website?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marketist.co\/blog\/#website\",\"url\":\"https:\/\/marketist.co\/blog\/\",\"name\":\"Digital Marketing Blog | Marketist\",\"description\":\"Digital Marketing Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/marketist.co\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/marketist.co\/blog\/#\/schema\/person\/10b772e42a25f82a9987d17cf3b6da03\",\"name\":\"Imran Nadir\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/marketist.co\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7135f266b22c3e7e3fc6a50b0aebeddc015dcb515ea0124f4690ed257c884425?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7135f266b22c3e7e3fc6a50b0aebeddc015dcb515ea0124f4690ed257c884425?s=96&d=mm&r=g\",\"caption\":\"Imran Nadir\"},\"description\":\"Digital Marketing Executive &amp; WordPress Web Designer. Owner of Marketist (Digital Marketing &amp; Web Design Agency)\",\"sameAs\":[\"https:\/\/marketist.co\/blog\",\"https:\/\/www.facebook.com\/imrannadirk\/\",\"https:\/\/www.instagram.com\/imrannadirk\/\",\"https:\/\/www.linkedin.com\/in\/imrannadir\/\",\"https:\/\/x.com\/imrannadirk\"],\"url\":\"https:\/\/marketist.co\/blog\/author\/7vpjj1\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add GA4 Code to HTML Website? Step-by-Step Guide","description":"Learn how to add the GA4 tracking code to your HTML-coded website. Follow our easy, step-by-step guide to install Google Analytics 4 (GA4) & track web traffic","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/","og_locale":"en_US","og_type":"article","og_title":"How to Add GA4 Code to HTML Website? Step-by-Step Guide","og_description":"Learn how to add the GA4 tracking code to your HTML-coded website. Follow our easy, step-by-step guide to install Google Analytics 4 (GA4) & track web traffic","og_url":"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/","og_site_name":"Digital Marketing Blog | Marketist","article_author":"https:\/\/www.facebook.com\/imrannadirk\/","article_published_time":"2025-03-02T12:23:08+00:00","article_modified_time":"2025-08-30T07:19:03+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/marketist.co\/blog\/wp-content\/uploads\/2025\/03\/How-to-add-GA4-code-to-HTML-website.png","type":"image\/png"}],"author":"Imran Nadir","twitter_card":"summary_large_image","twitter_creator":"@imrannadirk","twitter_misc":{"Written by":"Imran Nadir","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/","url":"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/","name":"How to Add GA4 Code to HTML Website? Step-by-Step Guide","isPartOf":{"@id":"https:\/\/marketist.co\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#primaryimage"},"image":{"@id":"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#primaryimage"},"thumbnailUrl":"https:\/\/marketist.co\/blog\/wp-content\/uploads\/2025\/03\/How-to-add-GA4-code-to-HTML-website.png","datePublished":"2025-03-02T12:23:08+00:00","dateModified":"2025-08-30T07:19:03+00:00","author":{"@id":"https:\/\/marketist.co\/blog\/#\/schema\/person\/10b772e42a25f82a9987d17cf3b6da03"},"description":"Learn how to add the GA4 tracking code to your HTML-coded website. Follow our easy, step-by-step guide to install Google Analytics 4 (GA4) & track web traffic","breadcrumb":{"@id":"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#primaryimage","url":"https:\/\/marketist.co\/blog\/wp-content\/uploads\/2025\/03\/How-to-add-GA4-code-to-HTML-website.png","contentUrl":"https:\/\/marketist.co\/blog\/wp-content\/uploads\/2025\/03\/How-to-add-GA4-code-to-HTML-website.png","width":1920,"height":1080,"caption":"How to add GA4 code to HTML website"},{"@type":"BreadcrumbList","@id":"https:\/\/marketist.co\/blog\/how-to-add-ga4-code-to-html-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/marketist.co\/blog\/"},{"@type":"ListItem","position":2,"name":"How to add GA4 code to HTML website?"}]},{"@type":"WebSite","@id":"https:\/\/marketist.co\/blog\/#website","url":"https:\/\/marketist.co\/blog\/","name":"Digital Marketing Blog | Marketist","description":"Digital Marketing Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/marketist.co\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/marketist.co\/blog\/#\/schema\/person\/10b772e42a25f82a9987d17cf3b6da03","name":"Imran Nadir","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/marketist.co\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7135f266b22c3e7e3fc6a50b0aebeddc015dcb515ea0124f4690ed257c884425?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7135f266b22c3e7e3fc6a50b0aebeddc015dcb515ea0124f4690ed257c884425?s=96&d=mm&r=g","caption":"Imran Nadir"},"description":"Digital Marketing Executive &amp; WordPress Web Designer. Owner of Marketist (Digital Marketing &amp; Web Design Agency)","sameAs":["https:\/\/marketist.co\/blog","https:\/\/www.facebook.com\/imrannadirk\/","https:\/\/www.instagram.com\/imrannadirk\/","https:\/\/www.linkedin.com\/in\/imrannadir\/","https:\/\/x.com\/imrannadirk"],"url":"https:\/\/marketist.co\/blog\/author\/7vpjj1\/"}]}},"_links":{"self":[{"href":"https:\/\/marketist.co\/blog\/wp-json\/wp\/v2\/posts\/21636","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketist.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marketist.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marketist.co\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketist.co\/blog\/wp-json\/wp\/v2\/comments?post=21636"}],"version-history":[{"count":3,"href":"https:\/\/marketist.co\/blog\/wp-json\/wp\/v2\/posts\/21636\/revisions"}],"predecessor-version":[{"id":21868,"href":"https:\/\/marketist.co\/blog\/wp-json\/wp\/v2\/posts\/21636\/revisions\/21868"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marketist.co\/blog\/wp-json\/wp\/v2\/media\/21637"}],"wp:attachment":[{"href":"https:\/\/marketist.co\/blog\/wp-json\/wp\/v2\/media?parent=21636"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketist.co\/blog\/wp-json\/wp\/v2\/categories?post=21636"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketist.co\/blog\/wp-json\/wp\/v2\/tags?post=21636"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}