Follow our step-by-step tutorial. You will be able to set Facebook Conversion API up on Shopify – all by yourself without an app or an expert.
You have probably heard about Facebook Conversion API (aka FB CAPI), but are still not sure whether you need it or not. Take our word for it – you definitely do. The good news is that it is quite easy to set up the FB Conversion API on Shopify. You will be able to set it up all by yourself without an app or an expert once you follow our step-by-step tutorial!
The browser-based, classic Facebook pixel alone can no longer manage to provide accurate and consistent data since its amount has been cut down by ad-blockers, cookie blockers, and other masking tools. What’s worse, now Apple’s iOS 14 update is causing even more obstacles for tracking data through the pixel. Moreover, all major browsers will block or significantly limit third-party cookies by 2022.
That’s where Facebook Conversion API comes in to help you properly track, attribute, and improve your Facebook marketing performance. Here, you’ll see how to set it up on Shopify.
You can check our complete guide to Shopify & Facebook Pixel page if you want to learn more about how it works and the differences between FB CAPI and FB Pixel.
Before we start, let’s clarify some important points:
Let’s dive directly into that!
The native Facebook Conversion API setup on Shopify also includes the browser pixel. That surely helps you with your validation. Firstly, check the Facebook Pixel and see if it includes the variables/data that FB CAPI needs.
In order to do this, you need a Google Chrome extension called Facebook Pixel Helper. Just visit this page and add it to your Chrome browser. Then, you should visit your Shopify store’s homepage.
Following that, you need to activate the FB Pixel Helper extension. First, click the Extension icon on the upper right corner and then click the little PIN icon next to Facebook Pixel Helper. That will add the extension to your browser.
Click the Extension icon at the top-right corner and then click the little PIN icon near Facebook Pixel Helper. That will add the extension to your browser.
If you are using an ad-blocker, you should deactivate that due to the fact that it will block the Facebook Pixel, and it will be impossible to debug afterward. Visit your Shopify store, and your FB Pixel Helper should look like the graphic below:
What we should see here:
Event ID is used to de-duplicate events. You can get more information on deduplication on the official help page.
You can also visit a product page of yours and expect to see the ViewContent event on your FB Pixel Helper. Product-level data such as ID, price, name, and category should be visible just like the one below:
At this juncture, there’s yet another thing to do so that you can get the best out of pixel: You need to navigate to FB Pixel Settings > Automatic Advanced Matching. Then, you should re-adjust the settings that are already in use. That’s to say, make sure you set all of the fields (from Email to External ID) ON.
You can view all data once you navigate to FB Business Manager > Events Manager > Pixels section. Nevertheless, it will take some time for the data to be visible. We recommend doing this in the following days so that you can observe a good amount of data.
Go to Facebook Business Manager > Data Sources > Events Manager
Make sure you check the correct pixel – you can compare the Pixel IDs with Step 1. Then, events should be listed below. Here you should see “Browser – Server” in some events. Another important point is to check “Last received X minutes ago”. This part is not updated instantly but you should be seeing your data here in a few hours. On the other hand, it might simply mean that there is something wrong if a purchase is still not visible after 12 hours or so.
Now, let’s take a deep dive into the most important FB Conversion API Event for your Shopify store: Purchase. Click Purchase and check the parameters section, the last received time – and then click View Details.
Your Purchase events quality score might not be above 8.5 as in this example. At this point, it’s important to note that Shopify’s native integration is usually between 7 and 8; and it is fine. If you want to achieve a better Event Match Rate; you should consider Analyzify’s Shopify Server-Side Add-on.
On the Recent Activities tab, you should be seeing all of your latest sales one by one.
You can have a look at the Event Parameters section and see which parameters are being sent and whether they are being sent correctly.
Also, a lovely trick here; you will see the Order details in the URL section. This way, you can detect which orders are being counted and which ones aren’t.
Don’t frustrate yourself with missing details. Even the best integrations have some warnings on the accounts. Remember that the FB Conversion API is quite new, and the FB CAPI Shopify integration will only get better and better.
Thanks for reading our tutorial. Make sure you subscribe to Analyzify Hub, where we share tutorials and best practices.
You can also leave your questions as comments, and we will do our best to get back to you! Also, feel free to share your comments, appreciations, frustrations, or any other feelings 🙂