Add The Meta (Facebook) Pixel To Joomla

You're running Facebook ads but can't track which visitors actually convert on your Joomla website. You need to see whether people who click your ads actually buy, sign up, or take other action. Without proper tracking, you're flying blind with your ad spend. Setting up Facebook Pixel in Joomla might seem complex if you're not a developer. Hopefully, you don't need an extra plugin. You can easily add Facebook Pixel to Joomla using Tassos Code Snippets.

Get the Meta Pixel Base Code

Before you can install the Pixel, you will need your Pixel's base code, which you can find in the Ads Manager → Events Manager. If you have not created a Pixel, follow these instructions to create one. All you will need is the Pixel's base code, which contains your Pixel's ID in two places and looks like this:

<!-- 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', '{your-pixel-id-goes-here}');
  fbq('track', 'PageView');
</script>
<noscript>
  <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id={your-pixel-id-goes-here}&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->

Install the Meta Pixel in Joomla

The Meta Pixel is a piece of code you add to the header section on every page of your Joomla website. To install it, follow the steps below:

  1. Install Tassos Code Snippets if it is not installed already.
  2. Go to the Joomla Administrator.
  3. Open Components → Tassos Code Snippets.
  4. Click New.
  5. Give your snippet a descriptive title, such as "Meta Pixel Tracking".
  6. Select HTML snippet type.
  7. Paste the Pixel code you copied from Facebook Events Manager.
  8. Select Site Header as the Insertion Method.
  9. Publish the snippet.

Verify the Meta Pixel Works

Once you have added it to your website, load a page that has the Pixel to track a PageView event in the Events Manager. Next, verify that this event was tracked by going to your Events Manager. Locate your Pixel and click its details — if you see a new PageView event, you have successfully installed the Pixel. If you do not see it, wait a few minutes and refresh the page. If your Pixel is still not working, use Pixel Helper to diagnose the problem.

Last updated on Mar 25th 2026 13:03