Squarespace Form Submission with Google Tag Manager

Standard

Are You Looking to Track Squarespace Form Submission with Google Tag Manager

Recently one client ask me to track to track squarespace form submission using Google Tag Manager because it’s bit of tracking to squarespace form using Google tag Manager.

Even you will ask to squarespace support they will not help much tracking correct form submission and they also very poor documentation about form submission. without correct form submission of Squarespace you can not track actual return of investment like Adword, SEO and other marketing. That’s every marketer want correct form submission.

After that I have decided write to easy solution track squarespace form submission using Google Tag Manager.

How to Track Squarespace form submissions with Google Tag Manager

Step 1. First Install Google Tag Manager on Your Squarespace that will allow track traffic and form Submission

Google Tag Manager Code inject in SquareSpace 

Login into your Squarespace account ——>Click on the “Settings” ——-> Click on the“Advanced Setting”—-> Click on the”Code Injection” ——-> in the header section.

Copy the code below and paste it onto every page of your website. Place it immediately after the opening <body> tag.

<!– Google Tag Manager –>
<noscript><iframe src=”//www.googletagmanager.com/ns.html?id=GTM-XXXXXX
height=”0″ width=”0″ style=”display:none;visibility:hidden”></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:
new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src=
‘//www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,’script’,’dataLayer’,’GTM-XXXXXX‘);</script>
<!– End Google Tag Manager –>

Note: Make you will replace GTM Tracking Code with your GTM ID

Step 2. Need to create a custom html javascrit to track squarespace form submission 

Name of Custom HTML – Squarespace form Submission

Custom HTML Squarespace form Submission using Google Tag Manager

Custom HTML Squarespace for Google Tag Manager

Step 3. Triggering for ” Squarespace form Submission validation on submit” without Putting Code on Squarespace template for form submission using Google Tag Manager

Trigger to Track Contact Form Submission on Squarespace using Google tag manager

Track Contact Form Submission on Squarespace using Google tag manager

Step 4. Create a Tag for Track to Squarespace form Submission in Google Analytics using Google Tag manager.

SquareSpace For Tags for Google Tag Manager

Create a Tag Squarespace form Submissions using Google Tag Manager

Step 5. Trigger to track Squarespace form Submission in Google Analytics using Google Tag manager.

Custom Event for Squarespace form Submission using Google Tag Manager

Custom Event for Squarespace forms Submission

For Contact: mappchero@gmail.com

Warning:if you do n’t know about javascript or do n’t have developing knowledge then do n’t try to implement on Squarespace form submission using Google Tag Manager  that can broke your site, Cart and other functionality 

Disclaimer: Google tag manager belongs to Google property