Add Custom Tracking Code to Square Online
Note: We cannot provide in-depth troubleshooting for problems arising from the use of third-party HTML/CSS code in our Support Centre. For assistance with the code itself, please consult a code expert.
If you need to add tracking codes to your website, then you can add them to Square Online right from the Overview page.
Note: This article describes how to insert certain types of code that aren’t intended to be visible and need to be inserted into the header of your website (e.g. Google Analytics or Facebook Pixel). This is in contrast to embedded code that will display on your website (e.g. an event calendar or reservation widget). Learn more about adding embed code to your website for details on how to use the embed code section in the site editor.
Add Custom Tracking Code with the Built-in Options
In your Square Online Overview page, go to Settings > Tracking Tools. There are several built-in options here that allow you to paste in your code or ID and have it automatically added to your website after you publish it from the site editor.
Add Your Own Custom Tracking Code
To add your own header or footer code to your Square Online site for third-party integrations and tracking:
In your Square Online Overview page, go to Settings > Tracking Tools.
Select Add new code.
In the pop-up window, enter in the code’s name and the code itself into the corresponding fields.
To place the code in the header, select head. To place the code in the footer, select End of body.
Select Save when finished.
Publish your site from the Square Online site editor to see the changes live.
Note: Unless you’ve been instructed to do so, it’s okay to leave these fields blank. Never use them for keywords or generic text, as doing so could have an adverse effect on your website.