Introduction
Squarespace Form Tracking is essential for businesses that rely on accurate lead measurement and performance optimization. However, native Squarespace triggers often fail to capture AJAX-based form submissions, resulting in incomplete or inaccurate data.
➡️ Google Tag Manager enables advanced tracking by capturing form submissions through custom scripts and structured data layers.
If you’re building a complete tracking system, you should explore Full Funnel Tracking for Google Ads using CRM, GTM & Stape to understand how data flows across platforms.
This guide provides a structured, step-by-step framework for implementing advanced Squarespace form tracking using Google Tag Manager (GTM), ensuring accurate reporting in GA4 and Google Ads.
With this implementation, you will achieve:
⤇ Advanced Squarespace form event tracking
⤇ Structured GTM-based tracking architecture for Squarespace
⤇ Accurate Squarespace conversion tracking
⤇ Squarespace GA4 form tracking via GTM
⤇ Squarespace Google Ads conversion tracking setup
⤇ Google Ads Enhanced Conversions implementation
⤇ Reliable data transmission to GA4 and Google Ads for precise attribution
🎥 Watch Now
Figure: Squarespace Form Tracking Setup Using GTM
Struggling to track Squarespace form submissions accurately?
I help businesses implement advanced Squarespace form tracking systems using GTM, GA4, and Google Ads for precise attribution and improved ROAS.
👉 WhatsApp: https://wa.me/8801735749155
👉 Book a Call: https://zcal.co/zubayerislam01/consultation
Quick Answer
Squarespace Form Tracking using Google Tag Manager involves implementing a custom form listener and structured data layer to capture form submissions. This method ensures accurate conversion tracking in GA4 and Google Ads, improving attribution, campaign performance, and return on investment.
Key Takeaways
- Advanced Squarespace form tracking ensures accurate submission tracking for GA4 and Google Ads.
• A custom form listener and data layer enable reliable tracking of AJAX-based Squarespace forms.
• Google Tag Manager provides a scalable and structured tracking architecture.
• Proper implementation improves attribution accuracy, campaign optimization, and marketing ROI.
Prerequisites
Before starting, ensure you have:
✔ Squarespace website with an active form
✔ Google Tag Manager installed
✔ Custom Form Listener script implemented
✔ Google Ads conversion action created
✔ GA4 property configured
✔ stape.io
Before proceeding, ensure GTM is properly installed. Refer to How to Add Google Tag Manager on BigCommerce for step-by-step instructions.
Step-by-Step Implementation
PART 1 – Verify Squarespace GTM Tracking
Step 1: Confirm Google Tag Manager Installation
Open your Squarespace page.
Open GTM → Click Preview → Connect the site.
Confirm that Preview mode is connected.
Figure 1: GTM Preview Connected
Step 2: Validate Squarespace Form Listener
Submit the form.
Open GTM Preview → Data Layer tab.
Confirm that the custom event lead appears.
Figure 2: Data Layer Event Verification
PART 2 – Configure Squarespace Conversion Tracking Trigger
Step 3: Create Custom Event Trigger
Create a new trigger.
Trigger Type: Custom Event
Event Name: lead
Save.
Figure 3: Custom Event Trigger
Step 4: Create Data Layer Variables
Create a new variable:
Variable Type: Data Layer Variable
Name: hashed_email
Save.
Create additional variables if required:
- first_name
• last_name
• email_address
Figure 4: Data Layer Variables
PART 3 – Squarespace Google Ads Conversion Tracking
Step 5: Create Conversion Action in Google Ads
Inside Google Ads:
- Create a new conversion action
• Conversion Goal: Squarespace Form Submission
• Enable Google Ads Enhanced Conversions
• Click Save
Copy the following details:
- Conversion ID
• Conversion Label
Step 6: Create Conversion ID Variable in GTM
Create a Constant Variable.
Name: Google Ads Conversion ID
Value: AW-XXXXXXXX
Click Save.
Step 7: Configure Required Tags
A) Google Tag (Configuration)
Create a new tag.
Tag Type: Google Tag.
Enter Conversion ID.
Trigger: All Pages.
Save.
B) Conversion Linker
Create a new tag.
Tag Type: Conversion Linker.
Trigger: All Pages.
Save.
C) Google Ads Conversion Tracking
Create a new tag.
Tag Type: Google Ads Conversion Tracking.
Conversion ID: {{Google Ads Conversion ID}}
Conversion Label: From Google Ads
Trigger: lead
Enable Enhanced Conversions.
Add User Provided Data → Email: {{hashed_email}}
Save.
➡️ Google Ads conversion tracking ensures accurate attribution and performance measurement.
To expand booking and appointment tracking, explore How to Track Breely Bookings with GTM & Google Ads.
Figure 5: Google Ads Conversion Tag
PART 4 – Squarespace GA4 Form Tracking GTM Setup
Step 8: Create GA4 Measurement ID Variable
Create a Constant Variable.
Name: GA4 Measurement ID
Value: G-XXXXXXXX
Click Save.
Step 9: Create GA4 Config Tag
Create a new tag.
Tag Type: Google Tag
Measurement ID: {{GA4 Measurement ID}}
Trigger: All Pages
Save.
Figure 6: GA4 Configuration Tag
Step 10: Create GA4 generate_lead Event
Create a new tag.
Tag Type: GA4 Event
Measurement ID: {{GA4 Measurement ID}}
Event Name: generate_lead
Trigger: lead
Save.
For additional form tracking implementations, read How to Track WPForms Conversion with GTM and GA4.
Figure 7: GA4 Lead Event
Testing Squarespace Form Tracking Using GTM
⤇ Open GTM Preview
⤇ Open GA4 DebugView
⤇ Reload the page
⤇ Submit the form
Confirm the following events fire correctly:
⤇ Lead event triggers
⤇ Google Ads conversion tag fires
⤇ generate_lead event is received in GA4
Figure 8: GA4 DebugView
Common Mistakes
- Not implementing a custom form listener
• Incorrect event naming in GTM
• Missing Conversion Linker tag
• Incorrect data layer variables
• Not testing in GTM Preview mode
Pro Tips
- Use structured data layers for scalable tracking.
• Enable Enhanced Conversions for improved attribution.
• Implement server-side tracking for future-proof accuracy.
• Validate events using GA4 DebugView before publishing.
To future-proof your tracking setup, consider implementing Google Ads First-Party Server-Side Tracking with GTM & Stape.
Frequently Asked Question
What is Squarespace form tracking?
Squarespace form tracking is the process of capturing form submissions using Google Tag Manager and sending data to GA4 and Google Ads for accurate reporting.
Why is a custom form listener required?
A custom form listener ensures accurate tracking of AJAX-based Squarespace forms that are not captured by default triggers.
Can I track Squarespace forms in GA4?
Yes, you can track Squarespace forms in GA4 by configuring GTM events such as generate_lead using data layer variables.
How do I track Squarespace conversions in Google Ads?
You can track conversions by configuring Google Ads Conversion Tracking in GTM and linking it to a custom event trigger.
Does this setup support Enhanced Conversions?
Yes, Enhanced Conversions can be enabled using hashed user data such as email addresses for improved accuracy.
Conclusion
Implementing advanced Squarespace form tracking using a custom form listener and data layer ensures accurate, reliable, and scalable conversion tracking. This setup enables precise reporting in GA4 and Google Ads, improves attribution, and enhances marketing performance.
Want to implement Squarespace form tracking correctly?
I can help you set up a complete tracking system for accurate data, better attribution, and improved campaign performance.
👉 WhatsApp: https://wa.me/8801735749155
👉 Book a Call: https://zcal.co/zubayerislam01/consultation
