Skip to main content
Meta Pixel

How to install and configure Meta Pixel on your website

Updated today

Meta Pixel is an analytics tool that allows you to measure the effectiveness of Facebook ads and study the actions of people on the site. Pixel data can be used to:

  • Make sure that Facebook shows your ads to the right people;

  • Create audiences for advertising;

  • Set up retargeting on Facebook.

Learn more about Pixel in the Meta Help Center.

Pixel in Cartum

In addition to basic integration, Cartum has the below events set up:

  • Successful ordering (purchase);

  • Callback request (lead generation);

  • Successful registration;

  • Checkout start;

  • Adding a product to the cart;

  • Visiting the product page.

How to set up Meta Pixel

First, you need to create the pixel in Facebook Ads Manager. After creating the pixel, copy its ID.

Pixel ID — Cartum


In the admin panel of your website, go to MarketingMarketing Services and open Facebook Pixel. Enter your Pixel ID, check the Active box and save your changes.

Setting up Meta Pixel on your website — Cartum

Done: your pixel is installed on the website and all events are set up. Information on further work is available in the Meta manual.

Connecting a second Meta Pixel

If you need to connect an additional pixel to the site, you need to add an additional line with an identifier to the initialization code and duplicate the noscript lines for the second identifier.

In the admin panel, go to MarketingMarketing Services and open Facebook Pixel.

Enter additional lines to the code in the Tracking code field and save your changes. To do this, copy the code below and replace [second-pixel-id] in two places with the ID of your second pixel.

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

Note: Do not make any other changes to the initialization code, as this will cause the pixels to work incorrectly.

Did this answer your question?