In This Video
In this episode, we look at how you can install the Facebook Pixel on your Shopify site when things go wrong with the Conversion API and show you how to do it manually. This way, the Facebook Pixel code has to be inserted only once into the theme liquid file of a Shopify site, and you can track the events specified as “Add to Cart”, “Checkout”, and “Purchase” in the Facebook Ads services. Sit back and watch as we take you through the process of how to configure your conversion tracking for it to capture actual data for your campaigns. If there is a problem with the automatic setup, the above manual method will put you back on track and give you accurate conversion tracking of your ads.
A Step-by-Step Guide to Manually Implementing Facebook Pixel Code in Shopify
As a business owner or a marketer utilizing Shopify, you understand the importance of knowing the conversion that quantifies your Facebook Ads campaigns’ success. One very important thing is the ability to measure your conversions so that you have to know how well your ads are performing and whether or not your marketing dollar is well spent.
Before, we explain how to integrate the Facebook Conversion API in the Shopify backend so that the tracking process can be swift and seamless and logs data directly into the Facebook Ads panel. However, this automated method isn’t always foolproof. Some people using Shopify to advertise have a complaint that conversion tracking is not accurate and this complicates the assessment of the campaign performance.
In this post, we’ll explain how to add the Facebook pixel code to your Shopify site in a more hands-on process which many people believe will improve tracking accuracy.
Why Facebook Pixel Tracking Matters?
Now, let us move straight into describing why Facebook Pixel tracking is such a crucial step before venturing into the manual method for your business. Facebook Pixel is a code that is installed on your website to track customer conversions, and their behaviors so that you can optimize your ads. With Facebook Pixel, you can:
- Track conversions: Track what users do after they arrive at the site through your ads: whether they make a purchase, place an item in the cart, subscribe to your newsletter, etc.
- Create retargeting campaigns: Target users who have visited your website and bounced, by informing of products they were interested in or left them in their cart.
- Optimize your ads: Set up your campaigns to receive users more likely to engage in certain activities and thereby, boosting your return on investment.
- Gain insights: Facebook Pixel is an excellent way to monitor user actions as it will show you the results most effectively and suggest changes.
When Automated Conversion API Fails
This is because although there are automated applications that synchronize Facebook with Shopify to ease conversion analysis, some users normally experience complications wherein conversions are not being monitored correctly. It might be due to the clash of applications due to setting problems or possibly problems with Shopify and its applications.
Manual installation of the Facebook pixel tag comes in handy in the following scenarios, for instance if you have realized that your conversion data is mismatched alternatively use the below steps to add the Facebook pixel code on the Shopify backend if the automated method is not effective.
How to Manually Add the Facebook Pixel Code in Shopify?
In this tutorial, we are going to perform the next steps to add Facebook Pixel code to the Shopify store manually. This way, you will be able to directly see ‘Add to Cart’ ‘Checkout’ and ‘Purchase’ events in your Facebook Ads without any issues of having to manually track your ads’ performance.
1. Create a New Facebook Pixel
The first pre-requisite before creating the web conversion is to set up a new Facebook Pixel in your Facebook Business Manager. Here’s how to do that:
- To unpause your Ad, be sure you’re logged in to the Facebook Ads Manager.
- To do this open the Business Settings with the highlighted gear icon in the top right corner.
- Under Data Sources in the menu bar, select Pixels.
- If you already have a corresponding Pixel set up on your website, by all means, use that one. Otherwise, three words from the top right corner: Create Pixel, and give your pixel a name.
- After that, click Create, and your Pixel will be automatically installed.
2. Facebook Pixel can also be installed manually
- Navigate to Event Manager in your Ad Account’s Advertising section on Facebook.
- Next, to Set Up Pixel, click the button and select Install Pixel Manually.
- Insert the following code copied from the Facebook Pixel base code.
3. Add the Facebook Pixel Code to Your Shopify Site
Now that you have the Pixel code, the next step is to add it to your Shopify site.
- Then you need to go to your Shopify backend and click on the Online Store option.
- Click on Themes.
- If you want to edit your current theme, click on the word Customize which is located near the active theme, as its name.
- In the theme editor, click on the three vertical dots on the upper left of the screen then click on Edit Code.
- Back in the theme. liquid under the Layout section, click on it. This is where you’ll need to insert the Pixel code that you received from Facebook.
- Search the code for the doing so you will be able to locate it by using the Ctrl + F or the Cmd + F button. This guarantees the correct positioning of the Pixel code within the head segment of your Website.
- Copy the Facebook Pixel code and paste it just near the tagline. This helps the Pixel to load correctly on any page of your site through implementing changes.
4. Save and Test the Pixel
After placing the Pixel code in the theme. liquid file, click on the save button. Well, that is a good thing but now it is time to turn the Pixel on and make sure everything is all right with the device.
- Take a tour around your website and ensure that the Pixel is functioning properly on your site using Facebook’s Pixel Helper Chrome extension.
- The Pixel Helper will inform you whether the Pixel is functioning and you can check that actions such as “Page View”, ‘‘Add to Cart” or “Purchase” has been tracked.
You can also return to the Event Manager in your Facebook Ads account and check that the Pixel is active and getting data. If the test is successful, you should now see our Pixel active, and you can now track your conversions with precision in your Facebook Ads account.
Are You Struggling To Generate Sales?
Let Paid Advertising Turn Your Woes To Business Triumphs!
- Attract targeted potential audience
- High conversion rate
- Boost in Return On Investment (ROI)
Creating Manual Events for Conversion Tracking
After setup up your Pixel, you have to specify particular actions that you want to track, for example, ‘Add to Cart’, ‘Checkout’, and ‘Purchase’. To create these manual events:
- Go to the Events Manager in Facebook Ads Manager.
- There will be condensed options available there, click on Create Event and select your Pixel.
- Select the kind of occasion that you wish to monitor (for instance, Add to Cart, Purchase).
- Use the recommendations given below to set up the event and check that it is processed correctly on your website.
Conclusion
Measuring the conversion is one of the significant strategies for hosting successful Facebook ad campaigns, and the best way to do it is through the use of the Facebook Pixel. Of course, it’s not always successful, however, inserting the Pixel code manually into a Shopify store is the most reliable way of getting it done. While automated conversion tracking methods can sometimes fail, manually implementing the Pixel code in your Shopify store offers a reliable way to ensure accurate tracking.
In case, you experience any problems or if you want more help with Facebook Pixel or Shopify, you can contact us.
