How to Add Facebook Pixel to WordPress Without a Plugin

BLOG
How to Add Facebook Pixel to WordPress Without a Plugin

Image Credit: @freepik

Facebook Pixel is a bit like Google Analytics. It allows you to track your marketing strategies through Facebook and gives you some insight to the impacts of your posts. Utilizing Facebook Pixel also allows you to adjust your target audience and gives you access to additional advertising tools.

This post will serve as guide to the process of creating your Pixel code and then adding that fantastic little snippet to your WordPress installation. Without a plugin. You could use a plugin, but it’s a good practice to keep your plugins as a minimum for optimum performance. And even if you aren’t comfortable with code, the process is pretty straight-forward.

Sign up for your Pixel code via Facebook

The first thing you’ll need to do, is obtain your Facebook Pixel script. This guide provided by Facebook is helpful. Of you can follow this quick rundown of tasks:

  1. Log into your Facebook account
  2. Access your Facebook Pixels tab in your event manager: Pixels Link
  3. Create your Facebook Pixel
  4. From the setup options available, you can email the code to your developer – or if you are doing this yourself, select the option to manually install the code yourself.
Step 2
Step 2
Step 4
Step 4

Add Script to your WordPress Install

Since we are adding the Facebook Pixel script to your WordPress website without a plugin, we’ll need to do a teeny tiny bit of coding. And by this, I seriously mean that this is a copy & paste job. Easy peasy. Even if you don’t know code, you’ll likely find that this process is fairly easy to follow.

You will need to be able to access your files. Usually your website files are accessible through your cPanel that is provided by your hosting company or via FTP. The following steps will walk you through the process:

  1. Access your WordPress website files
  2. Follow the following path to reach your theme files, open the folder that contains the files for the current theme you are using
    1. wp-content
    2. themes
  3. One in your current theme files, locate the file titled: header.php
  4. Open the file and locate the following line/tag that reads: </head>
  5. Right before that line, enter the script that you were provided through your Facebook Pixel setup. It will look something like this:
    1. <!– Facebook Pixel Code –>
      <script>
      !function(f,b,e,v,n,t,s)
      {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
      n.callMethod.apply(n,arguments):n.queue.push(arguments)};
      if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version=’2.0′;
      n.queue=[];t=b.createElement(e);t.async=!0;
      t.src=v;s=b.getElementsByTagName(e)[0];
      s.parentNode.insertBefore(t,s)}(window,document,’script’,
      ‘https://connect.facebook.net/en_US/fbevents.js’);
      fbq(‘init’, ‘12345678910’);
      fbq(‘track’, ‘PageView’);
      </script>
      <noscript>
      <img height=”1″ width=”1″
      src=”https://www.facebook.com/tr?id=12345678910&ev=PageView
      &noscript=1″/>
      </noscript>
      <!– End Facebook Pixel Code –>
  6. Save your file

In Conclusion

If you’ve made it this far – congratulations! You’ve now integrated a valuable marketing tool provided by one of the most popular social media platforms in the world. You can begin to analyze the data and adjust your strategies for greater impact and successful conversions.

Aloha, I am a Hawaii based freelance web designer and developer located on the beautiful island of Maui. Where the skies are blue, the palm trees sway and spam is a pretty big deal.

My articles are geared towards site design and development, nifty wordpress tips and gadgets and other ramblings of webthings amusement.

No Comments

Post A Comment