How to set up Facebook Pixel to understand the actions people take on website?
Overview
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. Therefore, Setup Facebook Pixel plays very important roles!
Therefore, Facebook Pixel plays an important role to monitor your Shopify Store Performance.
You can read more about Facebook Pixel.
Requirements
Before getting started, ensure you have:
A Shopify online store that is not password protected
Facebook Business Manager connected to your business’s Facebook page
Administrator permissions
A Facebook Ads account is set up and ready to go. If you haven't done that yet, simply follow Facebook's step-by-step guide, which can be found here.
If you have successfully setup Facebook Pixel on your account, skip Step 2.
How To Setup Facebook Pixel
Step 1: Setup Facebook Pixel
First, in Events Manager, go to Business Settings > Click Data Source > Select Pixels > Click More
Next, choose your pixel name > Click Continue > Set up pixel now > Add code using partner integrations
Then choose Shopify as a Partner.
Follow the 3-step process to successfully connect the Facebook Pixel to your Shopify account.
Once you’re all set, it’s time to add a Facebook Pixel ID to your Shopify store.
Step 2: Install Facebook Pixel to Your Store
Make sure you’re on the Events Manager page. Copy the unique pixel ID under your account’s name.
Go back to your Shopify Admin > Head to Online store > Preferences > Paste the Pixel ID into the Facebook Pixel section > Hit Save.
Voila! You're all set to add a Facebook Pixel ID to your store.
Step 3: Add Facebook and Instagram App
From Shopify Admin, go to Sales Channel > Preferences > On Facebook Pixel section, select Set up Facebook.
2. You will be directed to the Shopify App store page if you haven’t installed the app yet. After that, click on Install.
3. Now, on the left sidebar, you’ll see a new sale channel which is Facebook & Instagram.
Configuration
General settings
Now hop on over to the page you want to set up tracking.
The Tracking option for Facebook Pixel is available in 12 elements including:
There are 10 event types you can choose from, which are:
Search
View Content
Add To Cart
Add To Wishlist
Initiate Checkout
Add Payment Info
Purchase
Lead
Complete Registration
Custom Event
Once you choose an event type, the event code will be generated automatically.
To validate your pixel implementation, install the Pixel Helper Google Chrome extension. When clicked, a panel will expand to show a detailed overview of the page's pixels, including warnings, errors, and successes.
Check Facebook Pixel Event Tracking
In Business Manager, select All Tools on the left sidebar > Choose Ads Manager.
Go to Ad Group tab > Click on column icon > Select Customize Columns.
Switch your view to Conversions > Scroll down to select the type of pixel that you are using > Hit Apply.
Select the menu again > Choose Events Manager. You will see the result of your pixel.
You can watch this video for more details:
Use Cases
Below you’ll find the most frequently asked questions related to setting up the Facebook Pixel on your pages.
How To Fire A Specific Facebook Event When PageFly Page Is Loaded?
Step 1: Head to the Editor
Step 2: Insert the code below into the Custom Javascript option
window.trekkie.load = function () {
fbq("track", "ViewContent");
};
_window.addEventListener("load", function () {
_;
_fbq("track", "ViewContent");
_;
_;
});
_;Step 3: Click Save change and Publish the page
Step 4: Check the result with the Facebook Pixel Helper
Tips
If you want to send additional objectives to the Facebook event, for example, “content_name” and “content_type” please use the following code:
window.trekkie.load = function () {
fbq("track", "ViewContent", { content_name: "Bearie Backpack", content_type: "product" });
};
window.addEventListener("load", function () {
fbq("track", "ViewContent", { content_name: "Bearie Backpack", content_type: "product" });
});Please keep in mind for the specific Facebook Event, you can assign pre-designed objectives. Please refer to the Facebook Help doc.
For example, Facebook ViewContent supports the following objectives: content_ids, content_category, content_name, content_type, contents, currency, value.
Check the result with Facebook Pixel Helper. As you can see there are custom parameters sent including content_type and content_name.
How to fire the Facebook Pixel when the user scrolls a specific section?
Step 1: Name your section.
In our example, it’s “countdown”.
Step 2: Add custom Javascript code.
Two things you need to pay attention to.
Firstly, the jQuery function trigger the section ID with the name “countdown”.
Secondly, for our example, we send Facebook Pixel “ViewContent” without any objects.
Step 3: Check the result
As you can see the section that we assigned a unique ID is called “countdown”, and after scrolling that part the Facebook pixel has been fired.
How To Fire Multiple Facebook Pixels On The Same Page?
Inside the Customer Javascript settings please include code below:
Please keep in mind to replace “YOUR PIXEL ID” with your unique ID number. You can copy the code here.
As a result you should see two pixels fired on the page load.
Common Issues with Facebook Pixel
Error Messages
Error message: “AddToCart Event missing some deduplication parameters” or “Purchase Event missing some deduplication parameters”
Reason: You have not successfully set up Facebook Pixel for your store.
Solution: Please refer to the 3 setup steps above to check again if you missed anything.
Facebook Can Not Track Purchases Through ‘Shopify Thank You Page’
Solution:
Step 1: Check if Facebook Pixel is completely set up in Online Store > Preferences. Refer to the steps above. Next, check to make sure your Facebook Pixel tracking app is working properly.
Step 2: Check if Facebook Pixel is set up with Product Add to Cart, not the Button element.
Step 3: Check if the Header and Footer are turned on.
Facebook Is Double Tracking One Event
Reason: You manually added an event for your PageFly page, while your Theme automatically fired the event before.
Check to see if it’s a product page built with PageFly or not.
Then, if you get the Theme from Themes Marketplace (themes.shopify.com), the reason may be that Facebook Pixel is already fired with Add to Cart. It leads to double tracking when you manually fired Facebook Pixel again with PageFly.Solution: Assign to None for your element you fired manually with PageFly
Sudden Disabled Facebook Tracking
Reason: Set up Facebook Pixel NOT in Online Store, but with manual code injection or within theme.liquid file.
Solution: Check the manual code or theme again.liquid file. Try to delete the manual code or restore Older versions of theme.liquid file > set up Facebook Pixel in Online Store > Preferences instead.
You may want to know how to Restore Older Versions of theme.liquid file.
For other problems that are not listed above, the suggested solution is that please ensure you are ONLY firing Facebook Pixel properly by Online Store > Preferences, NOT by any other ways. Make sure the Facebook Pixel tracking app is working.
For more details about Facebook Pixel Advanced, check this article.
If you have any questions feel free to submit a ticket and our Customer Support team will get back to you ASAP.
Frequently Asked Questions
1. What is Facebook Pixel?
Facebook pixel is a piece of code, that should be embedded into your website (In this case, your Shopify Store), to measure, optimize and build audiences, with data collected from advertising campaigns.
2. Where to find Facebook Pixel?
It's under ‘Business Settings' > ‘Data Sources’ > ‘Pixel', in MetaSuites. Check out this article.
3. What are the different types of Facebook pixels?
Three main types include standard events, custom conversions, and custom events.
Last updated
Was this helpful?