How to create a Meta pixel for a website

A step by step walkthrough on creating a Meta (Facebook) pixel for a website.

Oscar de la Hera Gomez
Written by Oscar de la Hera Gomez
First published on 02/12/2023 at 15:19
Last Updated on 02/13/2023 at 13:54
A flower that represents Meta with the text "Website Meta Pixel" beneath it.

A step by step walkthrough on creating a Meta (Facebook) pixel for a website.

Before proceeding, please be aware that this tutorial requires you to have a:

  • Facebook account
  • Facebook page that you wish to create a pixel for

Optional

  • Facebook business account (If the Meta pixel is for a business)
Subscribe

What is a Meta Pixel ?

"The Meta Pixel is a piece of code on your website that can help you better understand the effectiveness of your advertising and the actions people take on your site, like visiting a page or adding an item to their cart. You’ll also be able to see when customers took an action after seeing your ad on Facebook and Instagram, which can help you with retargeting. And when you use the Conversions API alongside the Pixel, it creates a more reliable connection that helps the delivery system decrease your costs."

Follow Meta's Guide

Step One: Access the event manager

A screenshot of the Facebook Business Events Manager overview screen.

If you are using a Business account, use the link below, this will require you logging in.

Access Facebook Business Events Manager

If you are using a standard Facebook use the link below, this will require you logging in.

Access Facebook Events Manager

Step Two: Select Connect Data Sources

A screenshot of the Facebook Business Events Manager screen, with the side bar open and a highlight on "Connect Data Sources."

On the left menu side bar, select Connect Data Sources.

Step Three: Select Web & Connect

A screenshot of the Facebook Business Events Manager screen, with the modal that appears when you select "Connect Data Sources" on the menu side bar. It lists a series of options for creating a Meta pixel. We have highlighted "Web" and  the "Connect" button.

In the modal that appears, prompting you to Connect a New Data Source, select Web and press the Connect button on the bottom right.

Step Four: Create the Pixel

A screenshot of the Create Pixel modal that appears after selecting Web and pressing Connect. We have highlighted where you must name your pixel as well as the "Create Pixel" button that appears on the bottom right.

Name your pixel and press the Create Pixel button on the bottom right of the modal, to complete creating your Meta Pixel for your website.

Looking to add it to a React or Gatsby Website ?

Follow the tutorial linked below to add your newly created Meta Pixel to your React or Gatsby website.

How to integrate a Meta Pixel into a React or Gatsby website

Any Questions?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.
SubscribeContact UsVisit our BlogView our ServicesView our Work

Partner with us

We would love to get to know you and see how we can help your organization with its goals and needs.
Let's Talk

Stay Informed

Get occasional updates about our company, research, and product launches.
Subscribe