This guide walks you through how to install Google Analytics 4 (GA4) tracking code into your website using modern tools like Google Tag Manager—replacing outdated methods such as Adobe Dreamweaver CS4. The first step is to sign up for a Google Analytics account at analytics.google.com and create a new GA4 property. Once set up, your tracking ID (e.g., G-XXXXXXX) and code snippet will be generated automatically.
Copy the code snippet, then follow our step-by-step instructions below to implement it correctly. Google Analytics 4 tracks visits, conversions, and user behavior across every page where the code is installed. For WordPress or PHP-based sites, the most efficient approach is to add the tracking code to your global header template or use Google Tag Manager, which eliminates the need for manual FTP edits.
How to Insert Google Analytics 4 Code into Your Website (Modern Method)
-From Google Analytics Documentation
- Finding Your GA4 Tracking ID and Code Snippet:
- Your GA4 property generates a unique Tracking ID and code snippet accessible via the Admin > Data Streams section. Navigate to What’s new in Google Analytics for the latest updates. Below is an example of what your code will look like. You must replace the
G-XXXXXXXplaceholder with your actual Google Analytics Tracking ID.
- Your GA4 property generates a unique Tracking ID and code snippet accessible via the Admin > Data Streams section. Navigate to What’s new in Google Analytics for the latest updates. Below is an example of what your code will look like. You must replace the
[html]
<script async src=”https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX”></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag(‘js’, new Date());
gtag(‘config’, ‘G-XXXXXXX’);
</script>
[/html]
- Implementing the Code via Google Tag Manager (Recommended):
- Paste your GA4 Tracking ID into a new Google Tag Manager tag. Select
Google Analytics - GA4 Configurationas the tag type, set the trigger toAll Pages, and save. This method allows you to manage tracking without editing page source code directly. For secure pages (HTTPS), GA4 automatically supports encrypted tracking—no special configuration needed.
- Paste your GA4 Tracking ID into a new Google Tag Manager tag. Select
- Implementing for Dynamic or Unique Pages:
- For data-driven pages, forms, or pages with frames, use GA4’s event parameters to customize tracking. Follow the official Google Analytics Installation Guide for advanced implementation scenarios.
- Validation and Troubleshooting:
- After saving your tag, open GA4’s DebugView to confirm events fire in real time. Allow up to 60 minutes for data to appear in standard reports. If no data appears after 24 hours, review Google Analytics tracking my Website? for common issues like blocked scripts or incorrect tracking IDs.
Why Dreamweaver CS4 Is No Longer Used in 2026
Adobe Dreamweaver CS4 is obsolete and unsupported. Modern web development relies on cloud-based editors, CMS platforms like WordPress, and tag management systems. Instead of manually embedding code in HTML files via Dreamweaver, use Google Tag Manager for automatic, scalable, and error-free tracking deployment.
For visual confirmation, here’s a modern demo of GA4 setup in action (note: the original Flash video is removed and replaced with a conceptual placeholder):