Art Storefronts Support Center

Search for answers to your questions by entering keywords below, or look through our knowledge base.

Simplified Google Analytics and Facebook Remarketing Pixel Integration

Follow

Table of Contents

 

 

Overview

 

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

Please Note: Google Analytics does not work if you have an Ad Block service installed on your browser

 

 

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.

Please Note: If you are having issues understanding Google Analytics or reading the metrics, please reach out to us via our Facebook group Small Wins. Technical Support cannot assist you with any question related to reading your statistics or what they mean. If you are having issues installing Google Analytics please email at cs@artstorefronts.com.

 

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.

integration01.png

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.

integration02.png

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. In setting up a new account, enter your new account name. Please ensure you have the recommended choices checked as shown below. On to the section labelled Account Name. In this box, you need to enter 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.

mceclip0.png

mceclip1.png

mceclip4.png

4. 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, you need to make sure you have the option labelled Website as opposed to the option labelled Mobile App. 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, you need to make sure you have the option labelled Website as opposed to the option labeled Mobile Appmceclip2.png

5. The next step will be to add the property. This refers to the website that you need to track using the Google Analytics platform. Please fill out the Name, Website URL and your chosen Industry Category then click on CreateWebsite 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)

mceclip3.png

6. The next box, however, is labelled 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.

Warning: If you enter the Art Storefronts URL here, make sure it is because you NEVER intend to connect a custom domain to your Art Storefronts website. Entering an ASF URL here when you intend to use a Custom Domain Name in the future means you will have to go in and redo this entire process.

 

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 labelled Arts and Entertainment.

8. Reporting Time Zone follows the section labelled 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. Once you’ve filled everything out on this page, be sure you click on the button labelled Create as this will generate the Tracking ID you are going to need for your Art Storefronts website.

integration11.png

11. 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 labelled I Accept.

Please Note: If you choose not to accept their Terms of Service you will not be able to use Google Analytics.

integration12.png

12. 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.

integration13.png

13. From here, you need to navigate to your Site Manager, then open the Jump to menu and select Integrations.

integration14.png

14. 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!

integration15.png

 

 

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.

integration16.png

2. Now select the Scripts tab.

integration17.png

3. This will bring us to the page where your Google Analytics Global Site Tag code has been set up.

integration18.png

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.

integration19.png

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.

integration20.png

6. Now open a new Site Manager tab, click on the Jump to menu and select Integrations.

integration14.png

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.

integration15.png

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.

Please note: Only remove the highlighted lines of code. If you have the Google Site Verification code as shown underneath the highlighted lines, you should not remove this.

integration21.png

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.

integration22.png

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)

integration23.png

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 Business Account: http://business.facebook.com. This is where we’re going to be able to work on creating the Facebook Pixel.  
  2. The first screen will show you your current pages. For the purposes of this Tutorial, we’ll use the “asftest12345” page 

    blobid0.png

  3. You’ll be navigated to another page where you’ll see different aspects of the page and how to manage your Business account 

    blobid1.png

  4. While on this page, please click on the Data Sources and you’ll see a few options for Data Sources. Please select Pixel. 

    blobid2.png

  5. In the next page, you’ll see a list of previously generated Pixels for your page. If you do not have one, you can create one by clicking Add.

    blobid3.png

  6. After clicking on Add, a new pop-up will appear asking you to give your pixel a name. For the purpose of this tutorial, we’ll name it “ASF Pixel”. The website is optional so for now we’ll just click on Continue. 

    blobid4.png

  7. Facebook will let you know that your Pixel is created but not ready for use. Please select Set up the Pixel now.

    blobid5.png

  8. The next step is to connect the Pixel to your website. Out of the options, please select Manually add pixel code to website. 

    blobid6.png

  9. Facebook will then generate the Pixel Code for you 

    blobid7.png

  10.  In this pop-up, in section 2 named Turn on Automatic Advanced Matching please make sure that this is Turned Off ensure that Email and Phone Number are checked then click on Continue 

    blobid8.png

  11. In the next step, Facebook will allow you to Set up Events. Please click on Use Facebook’s Event Setup Tool (Recommended) 

    blobid9.png

  12. In the last step, Facebook will mention that it did not find any events. This is because we have not implemented the Facebook Pixel yet. In the Warning area, you will find your Pixel ID. Please copy this value. In our case this should be “748668799322859

    blobid10.png

  13. Now open your Site Manager. Click on the Jump to menu, and select Integrations. 

    blobid11.png

  14. 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 set up and running!And now your Pixel is now implemented on your website. 

    blobid12.png

  15. [Optional] If you have any Facebook Conversion Goals setup you should go back to your Site manager, then go to the Script tab, and underneath that, click on the Key Conversion Events tab. 

    blobid13.pngblobid14.png

  16. 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. 

    blobid16.png

  17. 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> 
  1. Once all the relevant codes filled in, 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 

 The complete list of Facebook Pixel Conversion Events can be found by clicking HERE >>  

  

Troubleshooting 

"I had a conversion but I don't see it in my analytics" 

To record a conversion, Google Analytics and the Facebook Pixel requires that the user has reached the "Order Success" page, and that the page has actually loaded all of the javascript successfully. 

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. 

 
 
 
 

 

Was this article helpful?
10 out of 10 found this helpful

Comments

  • Avatar
    David Copson

    I have found your step by step instructions to detailed and complete. Appreciated!