Table of Contents
- 1. Overview
- 2. How to set up Google Analytics for a new site
- 3. How to transfer an existing Google Analytics installation to the new integration system
- 4. How to set up Facebook Remarketing Pixel for a new site
- 5. How to transfer an existing Facebook Remarketing Pixel to the new integration system
- 6. List of Facebook Pixel Conversion Events
- 7. Troubleshooting
As part of our ongoing drive to simplify the things which are in all honesty more complicated than they really should to be we are introducing a new integration method for Google Analytics and the Facebook Remarketing Pixel. Instead of adding multiple snippets of custom code to your site you will instead be able to simply enter your tracking ID for Google Analytics or your Pixel ID for Facebook into a single location on your site and have them begin working for you immediately.
How to set up Google Analytics for a new site
Google Analytics is one of the top and most powerful tools out there for monitoring and analyzing traffic on your website. It provides you with an enormous amount of information about who is visiting your site, how they’re getting there and what they’re looking for. Because this tool is so powerful Art Storefronts naturally wanted to offer a way to integrate it. In this article, you’ll find steps on how to install Google Analytics on your site.
If you have already set up Google Analytics on your site you should follow the instructions in the next section of this article (click here to go to it directly) which will explain how to transfer your Tracking ID into the new system and remove any existing code.
If you are setting up Google Analytics for the first time on your site, this section of the article will explain how to install this correctly using the new system.
1. Make sure you have your preferred web browser open and navigate to Google Analytics Solutions. Once you’re there, you need to make sure you click on the button labeled Sign In.
2. If you haven’t set up Google Analytics before, you’ll be confronted with a page talking about analyzing your site’s traffic in 3 steps. On this page, on the right-hand side, there’s a button labeled Sign Up. You’ll need to go ahead and click on this button so you can start the process.
3. You’re going to be taken to a new page with quite a bit of information on it, so I'll go through these items step by step. First though, you need to make sure you have the option labeled Website as opposed to the option labeled Mobile App.
4. After that, move on to the section labeled Account Name. In this box, you need to enter in the name of the account. You may want to just use your business name That will make it easy for you to recognize what the account is being used for. In this example I’m using the name of my site, for simplicity’s sake.
5. Website Name is the next and this is where you can enter the name that your site goes by. The name of my website is Kiwi’s Snaps, so I’ll enter that into this box. (It is not asking for the site URL here)
6. The next box, however, is labeled Website URL. Here, you’ll want to make sure you are entering your Custom Domain. If you want things to track properly, using the custom domain name is best.
7. After that, we have Industry Category. This is a drop-down list. Because you’re an Artist, or Photographer or Print Studio, you want to make sure you select the option labeled Arts and Entertainment.
8. Reporting Time Zone follows the section labeled Industry Category. Here we have two items. The first is the country selection. The country you are in will likely dictate what you should choose here. Because our office is located in the United States, I will be setting this option to match.
9. After that, there’s a section for your Time Zone. It’s important to select the appropriate time zone for your site so you will be able to track information that comes through the analytics without having to do a time conversion every time. I will be setting this to Chicago time to match up with the time at the Art Storefronts offices.
10. After that, there’s a section labeled Data Sharing Settings. We strongly suggest leaving this as is and not removing any of the check-marks from any of these boxes.
11. Once you’ve filled everything out on this page, be sure you click on the button labeled Get Tracking ID as this will generate the Tracking ID you are going to need for your Art Storefronts website.
12. Next, a new window will pop up and it’s going to have the Google Analytics Terms of Service and Google Measurement Controller-Controller Data Protection Terms in it. We suggest reading over this information. Once you’ve done this, click on the option labeled I Accept.
13. After you have clicked I Accept, you’ll be taken to a new page where the Tracking ID is clearly visible. This is the value you will need to paste into the Integration page on your site to implement Google Analytics on it, so highlight and copy this.
14. From here, you need to navigate to your Site Manager, then open the Jump to menu and select Integrations.
15. Scroll down to the Google Analytics section, and paste the Tracking ID from the page above into the named section. Now click on Update, and you should have Google Analytics up and running!
How to transfer an existing Google Analytics installation to the new integration system
If you have previously set up Google Analytics on your site you’ll need to locate and copy your Tracking ID into the new integration setup, and then remove the code previously set up in order for the new tracking system to work properly.
1. Open your Site Manager, and click on Site Settings.
2. Now select the Scripts tab.
3. This will bring us to the page where your Google Analytics Global Site Tag code has been set up.
4. Scroll down until you find the section in the <Head> box that begins with this line:
<!-- Global site tag (gtag.js) - Google Analytics -->
This is the start of the Google Analytics code that was installed previously. The code on your site may look slightly different, but it should be similar to this.
5. What you need to do here is to locate your Tracking ID. This is the code starting with "UA-" on the 8th line of this section. Highlight this, and copy it.
6. Now open a new Site Manager tab, click on the Jump to menu and select Integrations.
7. Scroll down to the Google Analytics section, and paste the Tracking ID from the step above into the named section. Now click on Update, and close this tab.
8. Returning to the Scripts tab in Site Settings, it’s now safe to remove the nine lines of code in the highlighted section. Highlight these lines and delete them. Then press the Save button.
9. If you have any Google Enhanced Ecommerce scripts installed you should now remove those. Scroll up, and click on the Key Conversion Events tab.
10. On this tab, scroll down until you reach the Order Completed section. Highlight and remove the Google Analytics script in the Success Page: <Head> box, then click on Save. (If there was no code in this section then you didn’t have any installed)
This will have removed all the old integration code, and you will now have Google Analytics available for your site.
How to set up FB Remarketing Pixel for a new site
The Facebook pixel is an analytics tool that allows you to measure the effectiveness of your advertising by understanding the actions people take on your website. You can use pixel data to:
- Make sure your ads are being shown to the right people
- Build advertising audiences
- Unlock additional Facebook advertising tools
When someone visits your website and takes an action (like completing a purchase), the Facebook pixel is triggered and reports this action. This way, you'll know when a customer takes an action, and will be able to reach that customer again through future Facebook ads.
If you have already set up a Facebook Remarketing Pixel on your site, you should follow the instructions in the following section of this article (click here to go there directly) which will explain how to transfer your Pixel ID into the new system and remove any existing code.
If you are setting up a Marketing Pixel for the first time on your site, this section of the article will explain how to install this correctly using the new system.
1. Navigate to your Facebook Ad Manager. This is where we’re going to be able to work on creating the Facebook Pixel. When you’re in the Ad Manager, click on the option in the upper left hand corner labeled Ads Manager.
2. After you’ve clicked on the album labeled Ads Manager, you will see an item labeled Pixel. Click on it, as this is where we’re going to create our Facebook Pixel.
3. You’ll be taken to a new page and on that page, if you’ve never created a Facebook Pixel, you will see a green button labeled Create a Pixel. Click on this.
4. A new, little window will pop up and the first item you should look at is labeled Pixel Name. Here you will see that Facebook has named the Pixel for you (you can change this if you wish), and you’re now going to click on the button labeled Create.
5. Having created your new Pixel, you’ll now be taken to another page that offers you multiple options. We won’t be using any of these options, as we simply need to copy the Pixel ID. So close the pop-up window by clicking on the X in the corner of it.
6. What we want to do is copy the Pixel ID that you’ve created. You can do this easily by clicking on the ID itself, located just beneath the name you’ve given it, on the upper-left of the window.
7. Now open your Site Manager. Click on the Jump to menu, and select Integrations.
8. Scroll down to Facebook Pixel, and paste the value you copied into the Pixel ID field. Then click on Update to complete the setup process. Your Facebook Pixel is now setup and running!
How to transfer an existing Facebook Remarketing Pixel to the new integration system
If you have previously set up a Facebook Marketing Pixel on your site you’ll need to remove the code you’ve set up in order for the new tracking system to work properly. In this section of the article I will explain how to remove this code.
1. Let’s start by opening your Site Manager, and clicking on Site Settings.
2. Now select the Scripts tab.
3. This will bring us to the page where your Facebook Pixel code has been set up.
4. Scroll down until you find the section in the <Head> box that begins with this line:
<!-- Facebook Pixel Code -->
This is the start of the Pixel code that was installed previously.
5. What we’re looking for is the line which reads like this (although your number will be different):
The number within the quotes is the Pixel ID, which you should highlight and copy.
6. In a new tab open your Site Manager, click on the Jump to menu, and select Integrations.
7. Scroll down to Facebook Pixel, and paste the value you copied into the Pixel ID field. Click on Update to save this, then close this tab.
8. Returning to the Scripts tab in Site Settings, it’s now safe to remove the 17 lines of code in the highlighted section. Highlight these lines and delete them. Then press the Save button.
9. If you have any Facebook Conversion Goals setup you should now remove those. Scroll up, and click on the Key Conversion Events tab.
10. What you will need to do here is go through each field, move your cursor over the tooltip, and if this code has been entered into that field you should remove it.
11. There are seven fields to check:
- Contact Created
- Product Viewed
- Add To Wishlist
- Item Added To Shopping Cart
- Checkout Initiated
- Success Page: <Head>
- Success Page: <Body>
12. Once all of these have had any Facebook code removed, you can click on Save, and your much more lightweight Facebook Pixel installation will now be complete and should be up and running. Congratulations!
List of Facebook Pixel Conversion Events
Of the standard Pixel conversions provided by Facebook, we have integrated the following eight.
|Event Name||Event Description|
|AddToCart||This is when a visitor has added a product to the cart.|
|AddToWishlist||When a visitor has added a product to their Favorites.|
|FindLocation||Initiated when a visitor has been on your site for more than ten seconds.|
|InitiateCheckout||When a visitor has clicked on the Checkout button, starting the checkout process.|
|Lead||Initiated when a visitor has entered their email into a form page and a contact has been created.|
|PageView||This is when any page is visited.|
|Purchase||Set when a customer has completed the checkout process and completed a purchase.|
|ViewContent||Recorded when a customer views a product page.|
"I had a conversion but I don't see it in my analytics"
What you need to keep in mind is that Google Analytics isn't a perfect application. It gets it right most of the time, but on rare occasions things don't work as they should. This is extremely frustrating, and as a business that cares about accurate data we share that frustration.
Usually what will have happened is that the tool failed on that transaction or it's possible that your customer saw an error and did not reach that page. If this is the case you could send them a link to that page and if they reach it (they'll need to be using the same device) then google should record it correctly.