Install the base pixel code

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 (step 1).

The base pixel code 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 -->

When run, this code will download a library of functions which you can then use for conversion tracking. It also automatically tracks a single PageView conversion by calling the fbq() function each time it loads. We recommend that you leave this function call intact.

Installing the pixel in your web page

This section applies to people installing the embedded or widget format of Joonbotn on their own website.

To install the pixel, we highly recommend that you add its base code between the opening and closing <head> tags on every page where you will be tracking website visitor actions. Most developers add it to their website's persistent header, so it can be used on all pages.

Placing the code within your <head> tags reduces the chances of browsers or third-party code blocking the pixel's execution. It also executes the code sooner, increasing the chance that your visitors are tracked before they leave your page.

Installing the pixel in the Joonbot full-page format

You only need to copy-paste the base code in the custom HTML section in the Design > Full-page tab.

Once you have added it to your website, load a page that has the pixel. This should call fbq('track', 'PageView'), which will be tracked as a PageView event in the Events Manager.

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 the Pixel Helper to track down the problem.

To get to know more about Facebook Pixel installation, you can have a look at the Get started with Facebook pixel Facebook article.

Send conversions directly to Facebook Ads

Suppose you have a landing page and you want to send a conversion event to Facebook when someone reaches a specific point within the Joonbot conversation.

So, when a user reaches this specific point, you will activate a LeadGenerated standard event using a Javascript block. Like below.

fbq('track', 'LeadGenerated');

Screenshot_2021-11-05_at_17.52.50.png

For more details about the fbq function, you can have a look at this Facebook pixel advanced article.

That's it!

How to send conversion events to Facebook Ads

Install the base pixel code

Base code

Installing the pixel in your web page

Installing the pixel in the Joonbot full-page format

Send conversions directly to Facebook Ads

Comments