Canvas Builder + Google Analytics
Google Analytics 4 (GA4) tracks visitor behaviour on your Canvas Builder site: page views, button clicks, scroll depth, and conversions. Adding GA4 to your Canvas Builder HTML is a single script tag, and meaningful tracking requires configuring events that match your business goals.
Use cases
- Page view tracking across all Canvas Builder pages
- CTA button click tracking (form submissions, purchases, signups)
- Scroll depth tracking to see how far visitors read
- Conversion goal tracking for key actions
- Traffic source attribution for marketing campaigns
How it works
Create a GA4 property
Go to analytics.google.com, create a new GA4 property, and get your Measurement ID (G-XXXXXXXXXX). You'll add this to every page of your Canvas Builder site.
Add the GA4 script tag
Add the GA4 tracking snippet to the <head> of every HTML page in your Canvas Builder site. Place it as the first script tag to ensure all page views are captured. Use a consistent snippet across all pages.
Set up event tracking
Add onclick event handlers to your CTA buttons that call gtag() with event name and parameters (button location, page). Track form submissions, phone number clicks, and email link clicks as conversion events.
Configure conversions and audiences
In GA4, mark your key events as conversions. Create audiences based on behaviour (visited pricing page, started signup, completed purchase). Use these audiences for retargeting and campaign optimisation.
Benefits
- Free analytics with unlimited page views
- Event tracking tied to CTA buttons on your Canvas pages
- Conversion measurement for business goals
- Audience insights for content and marketing decisions
- Integrates with Google Ads for campaign measurement
Frequently asked questions
Should I use Google Analytics or Plausible for my Canvas Builder site?
Google Analytics is free, comprehensive, and integrates with Google Ads, but it's complex and privacy-heavy. Plausible is lightweight, privacy-focused, and simpler to use, but costs $9/month. Choose GA4 if you need deep analytics and Google integration; choose Plausible if you value simplicity and privacy.
How do I track button clicks on my Canvas Builder site?
Add onclick attributes to your CTA buttons that call gtag() with event details (event name, button location, page). Then in GA4, mark the button click event as a conversion. This tracks which CTA buttons drive the most action.
Start with Canvas Builder
Generate production-ready Bootstrap 5 HTML for your Google Analytics project in about 3 minutes.
More integrations
Marketing and analytics
Canvas Builder + HubSpotHubSpot manages your CRM, marketing automation, and lead pipeline. Canvas Builder generates the landing pages and marketing site HTML. Together: create high-converting landing pages with Canvas Builder, embed HubSpot forms for lead capture, and track every visitor interaction in HubSpot's CRM.Learn moreMarketing and analytics
Canvas Builder + MailchimpMailchimp handles email delivery and marketing automation. Canvas Builder generates the HTML, for both landing pages and email templates. Use Canvas Builder to create marketing landing pages and email-compatible HTML that integrates with Mailchimp's campaign system.Learn moreHosting and deployment
Canvas Builder + NetlifyNetlify is one of the best platforms for deploying Canvas Builder's static HTML output. Git-push deployments, built-in form handling, serverless functions, and a generous free tier make it ideal for marketing sites, portfolios, and landing pages.Learn more