The JavaScript Insertion page allows you to add JavaScript to your eCommerce Shop. A common use of this feature is adding third party chat/support widget, or Google Analytics. Any valid JavaScript can be inserted into the eCommerce Shop to provide a wide range of custom functionality, such as overriding the system CSS.

Facebook Pixel is a tool that tracks analytical data that measures the effectiveness of Facebook advertisements. An associate can add this tracking to their eCommerce Shop and Web Office by simply adding the Facebook Pixel ID to the Web Office with the Visitor Tracker widget.

Read more: How An Associate Can Add Facebook Pixel Tracking with Web Office

But for you to received any analytical data, you’ll need to implement your own tracking. This guide will show you how to add the Facebook Pixel code to your eCommerce Shop.

What We’ll Cover

• Finding the Page
• Creating a Facbook Pixel
• Adding a JavaScript Insertion
• Adding the Facebook Pixel Code
• Saving the Insertion

---

---

Finding the Page

In eCommerce Admin, navigate to: Advanced Customization > Javascript Insertion.

[CLIENTID].retailadmin.directscale.com/#/Insertion

---

---

Creating a Facbook Pixel

If you haven’t already, create a Facebook Pixel.

Facebook’s Business Help Center has a helpful article to get you started.

We’re going to manually add the Pixel code, so you’ll need to have that available.

You can find it by following these steps:
1. Login to Facebook, and go to your Ads Manager account.
2. Go to the Pixels tab in Events Manager.
3. Click Set Up Pixel.
4. Click Manually add pixel code to website.

---

---

Adding a JavaScript Insertion

1. In eCommerce Admin, in the JavaScript Insertion page, click + ADD NEW and select Custom Script. The Add Insertion pop-up window opens.
2. In the pop-up, enter a Name to add context to the insertion and aid in finding it later.
3. In the JavaScript Code editor, start a try...catch statement.

try {

}

catch (ex) {
    console.log('Facebook Pixel Integration', ex);
}

Read more about JavaScript Errors - Throw and Try to Catch

---

---

Adding the Facebook Pixel Code

Next, we’ll need the Facebook Pixel code. All we need is the code between the <script></script> tags.

In the JavaScript Code editor, paste that code in the try { }

---

---

Saving the Insertion

1. Click the Published toggle on to publish the tracking now after you save the configuration.

   Alternatively, you can publish the insertion from the JavaScript Insertion List by clicking the Publish icon.

2. Under the MFC tab, you’ll find the Multi-Faceted Configuration (MFC) settings. Enter your specific configurations on who will be tracked.

3. Click SAVE.

The tracking will track the eCommerce Shop users if it is published and the correct MFC settings are in place.