# Tracking Facebook Pixel

{% hint style="info" %}
Available on the **STARTER** plan and above
{% endhint %}

### Step 1: Add the following JS code after the Trigger action block

Immediately after the Trigger block, add a Javascript block and add the code shown below. This initialises the pixel code so that it can start listening to tracking events fired from the chatbot.

```
!(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_FACEBOOK_PIXEL_ID");
```

{% hint style="info" %}
Make sure you replace YOUR\_FACEBOOK\_PIXEL\_ID with the actual value.
{% endhint %}

### Step 2: Add the fire events code

Now, we will add the events that needs to be tracked on your pixel. To do this add a Javascript block immediately after the block whose event you want to track.

For example, in the screenshot below I want to track the event when someone fills the form after choosing **Talk to sales.**

<figure><img src="https://360969599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsrMxU8nO3RjusUiYuXBB%2Fuploads%2FHfHIiNzYr5dqgpZMsF8S%2FCleanShot%202023-11-30%20at%2010.17.53.png?alt=media&#x26;token=bce7f3fc-ea4a-4ce8-9064-c4349b97581d" alt=""><figcaption><p>Tracking a "Lead" event when the form is filled</p></figcaption></figure>

We need to use a Javascript block after the block that you want to track, and add the event tag.&#x20;

You can find the standard events supported by Facebook here :point\_right: <https://en-gb.facebook.com/business/help/402791146561655?id=1205376682832142>