How to Add Pixels to Squarespace for Facebook & Google

Welcome to another Momentum Monday blog! Today, we’re going to look at How to add Pixels to Squarespace for Facebook & Google! The Google Analytics code and Facebook pixel can help you keep track of your website’s performance based on data collected in your accounts. Having access to this vital information can help you better optimize your website and improve your business success.

For a visual representation of what we go through in this blog, watch our video tutorial below. Follow us on Facebook, Instagram, & Twitter, and subscribe to us on YouTube to get weekly tips, tricks, and hacks that can help you better optimize your business.

Getting Started with Squarespace Pixels

Log into your Squarespace account to get started. When logged in, locate the dashboard panel on your account homepage. 

• This panel is located on the left side of the page, listing the various features of your Squarespace account such as Pages, Design, Commerce, Marketing, and more. 
• Closer to the bottom of the panel, you should see Analytics listed. This is the feature that shows you the traffic data and insights of your website helping you evaluate its performance. 
• In order to get this data displayed on the Analytics page, you need to add the Google Analytics code from your Analytics account. To start this process, go back to the dashboard panel on your Squarespace account homepage. 
• Locate Settings listed at the bottom of the panel. Next, navigate to Advanced listed at the bottom of the Settings panel.
• On the following panel, you will see a number of new features such as External API Keys, Developer API Keys, Code Injection, URL Mappings, and more.

These various features allow you to add or edit parts of your website in different ways that affect your website on the backend. 

Navigate to External API Keys, and notice the Google Analytics Account Number box at the top of the new panel. By entering your Analytics account number into this box, you will enable Google Analytics on your Squarespace website. 

Adding Your Google Analytics Tracking ID to Squarespace

To collect your Analytics account number, log into your Analytics account.

If you don’t have a Google Analytics account, you need to create one using either your Gmail account information or your Google Business account information. 

As you’re logged in to your Google Analytics account, navigate to the Admin feature listed at the bottom of the left sidebar on your account homepage. 

If you already have an admin account created, then you are set to continue to the next step. 

If not, you need to create an admin account by selecting the Create Account button at the top of the page.

• Fill out the necessary fields, such as your name and the checkboxes you want, then continue onto the next page.
• On the following page, select what you’re creating your account for (either website, mobile app, or both). Since this will be for your Squarespace website, choose the website option. 
• Once finished, complete the property setup on the next page. The property setup requires you to add your website name, website URL, website industry category, and website time zone. 
• While logged in to your Google Analytics account, navigate to the Admin feature listed at the bottom of the left sidebar on your account homepage. 

If you already have an admin account created, then you are set to continue to the next step. Make sure to setup all these accounts properly when learning how to add pixels to Squarespace. You’ll need these accounts for more than your website.

If not, you need to create an admin account by selecting the Create Account button at the top of the page. Fill out the necessary fields, such as your name and the checkboxes you want, then continue onto the next page. 

On the following page, select what you’re creating your account for (either website, mobile app, or both). Since this will be for your Squarespace website, choose the website option. 

When finished, complete the property setup on the next page. The property setup requires you to add your website name, website URL, website industry category, and website time zone. 

After filling out the property setup, hit the Create button, and accept the necessary terms and conditions. Your admin account should now be available. 

The admin homepage is split up into three parts, Admin, Property, and View. Attached to each admin account are different properties (websites or apps). 

The website you added when creating your admin account, your Squarespace website, should be the property attached to your admin account. 

Navigate to Property Settings, listed as an option beneath the Create Property button. You should see the Analytics Tracking ID for your website as the very first set of information listed. Copy the Tracking ID. This is what should be pasted into the Google Analytics Account Number box on the External API Keys page of the advanced settings of your Squarespace website.

Paste the Tracking ID into the box, then hit the Save option that appears in the top left corner of the panel. Once you have done this, Google Analytics has successfully been enabled on your Squarespace website.

To learn how to add the Facebook pixel to your Squarespace website, move onto the next steps.

Adding Your Facebook Pixel to Squarespace

It’s imperative to properly add your pixels to squarespace for optimized marketing and advertising. So, on your Squarespace account homepage, navigate to Marketing listed on the panel. On the following panel, go to Facebook Pixel & Ads listed near the bottom. This is where you need to paste the Facebook pixel in order to connect your Facebook business account to your Squarespace website.

To retrieve the Facebook pixel, log into your Facebook business account. On the initial page, select the business account of your website. On the following page, select the Business Settings button in the top right corner.

Your business account settings should display the Facebook page of your Squarespace website.

Go to Pages listed on the left sidebar of your Business Settings, then locate your website’s Facebook page. If the Facebook page for your website is not listed, your account may not be attached or given access to it, or the page may not exist. Hit the Add button next to the Pages search box, and select the appropriate option. If your page already exists, all you need to do is add it or request access to it. However, if it doesn’t exist, you will need to create it. If requesting access to the page, approval for it may take some time, but if you are already the admin of the page, your request will be approved automatically.

Once your page access is situated, locate Data Sources listed on the left sidebar of the Business Settings. Under

neath Data Sources, locate the Pixels option, and navigate to it. 

This feature allows you to create and name the Facebook pixels for each page. If a pixel does not exist for your page, add one by hitting the Add button next to the Pixels search box. Fill out your pixel name and enter your website URL, then continue. 

Next, you will be given the option to either manage your business page and set up the pixel later, or set up your pixel now. If you are following along with this blog presently, choose the option to set up your pixel now. Instead, if you want to come back to this tutorial at another time, choose the latter option. 

The following page will give you the option to add your code to your website by either using partner integration, manually adding the code yourself, or emailing a developer with instructions and documentation for installation. Choose to add the code using partner integration, and select Squarespace as your partner.

Your following page will tell you to implement the code on Squarespace by navigating to Code Injection. This is not correct, though. To follow the proper steps, skip to the next page where you will find your Facebook pixel ID listed in the second step. Copy your pixel ID. 

Navigate back to your Squarespace website, and under Facebook Pixel & Ads, paste your pixel ID. Hit Save to finalize.

Then navigate back to your Facebook business account. On the next page, paste your website URL into the appropriate box to send traffic to it and verify the connection. If the connection is working, it will show up as “Active” (this takes a few seconds to load.)

Once verified, you have completed the process!

Verifying the Google Analytics Code and Facebook Pixel

To double check whether the Analytics tag and Facebook pixel are active, you can use the Google Chrome extensions, Facebook Pixel Helper and Google Tag Assistant. Using these extensions will help you verify the existences of the tag and pixel on your website. 

Now you’re done!!

Thanks for Reading our latest Marketing Blog on How to Add Pixels to Squarespace for Facebook & Google!

For more information on Digital Marketing, SEO, Web Design and more please subscribe to us.

If you have any comments or questions, leave them down below. 

Written by: Mac Frederick – Local SEO Expert