How to install Meta Pixel to your website
Meta Pixel is Meta's tracking pixel for measuring and targeting Facebook and Instagram ads, used by businesses running or planning Meta ads. Here's how to put it on your own website, which embed option to pick, and what goes wrong.
Quick answer
Get the code from Meta Events Manager, where the pixel is created and its base code provided. For most people the right choice is the base pixel code — sitewide code recording page views. Paste it into a code or embed block on your site — not a plain text field — then place it beside your main call to action and test the whole flow on a phone before relying on it.
Meta Pixel: which option to use
| Option | What it does |
|---|---|
| Base pixel code | Sitewide code recording page views. |
| Standard events | Additional code marking key actions like a lead or purchase. |
| Conversions API | A server-side complement that improves measurement when browsers block the pixel. |
Step-by-step
- 1
Find the code or link in your account
Meta Pixel keeps this in Meta Events Manager, where the pixel is created and its base code provided. Copy what you need before touching your website — most of the time people lose is spent hunting for the snippet, not installing it.
- 2
Pick the right option for the job
The table above is the decision. Base pixel code: Sitewide code recording page views. Standard events: Additional code marking key actions like a lead or purchase. Choosing before you paste saves rebuilding the section later.
- 3
Paste it into a code or embed block
This needs an HTML, code or embed block — not a plain text field, where the code will simply appear as text on your page. On Adviita, ask the AI editor to add an embed section and drop the code in. On WordPress use a Custom HTML block, on Squarespace a Code block (Business plan or above), and on Wix an Embed HTML element.
- 4
Put it where the decision happens
Tracking is plumbing: invisible when right, a compliance problem when wrong. A widget three scrolls down does a fraction of the work of the same widget beside your main call to action. Decide what the page is for, then place it at the point the visitor is deciding.
- 5
Check it on an actual phone
Most visitors to a small business website arrive on a phone, and embeds are where mobile layouts break. Open your live site on your own phone and confirm it loads, fits the screen without sideways scrolling, and does not push your contact button out of view. Third-party embeds are also the most common cause of a slow page, so if it noticeably delays loading, consider a plain link instead.
- 6
Test it end to end before you rely on it
Run through the whole flow yourself as a customer would — confirm it renders and links correctly — and confirm what should happen actually happens. Broken embeds fail silently, and the first person to notice is usually a customer who has already given up.
Tips & best practices
- ▸The pixel sets cookies and sends data to Meta. In the EU and UK it must not fire before consent, which means loading it through a consent-aware setup.
- ▸Installing the pixel does nothing on its own — without standard events marking what counts as a lead, you cannot optimise campaigns.
- ▸Install it before you start advertising. A pixel with no history gives the ad system nothing to learn from.
- ▸Re-test the embed after any change to your site, your plan, or the connected account — third-party widgets break quietly and nothing tells you.
Common questions
Do I need the Meta Pixel if I'm not running ads yet?
+−
It is worth installing early. The pixel builds an audience history over time, so a pixel installed three months before your first campaign gives Meta's system far more to work with than one installed the week you launch. Install it, mark your key events, and let it gather data.
Does the Meta Pixel need cookie consent?
+−
In the EU and UK, yes. It sets cookies and transmits personal data to Meta, so it should not fire until the visitor has consented. Load it through a consent management setup rather than hard-coding it into your page, or you have a compliance problem from day one.
Do I need a developer to add Meta Pixel to my site?
+−
No. Every option here is copy and paste into a code or embed block, which every mainstream website builder provides. The only genuine blocker is a builder or plan that does not allow custom code at all — Squarespace, for instance, requires a Business plan or above for code blocks.
Will adding Meta Pixel slow down my website?
+−
Any third-party embed has some cost, because it loads code from another company's servers. One is usually unnoticeable; four or five on the same page is where small business sites become visibly slow. If page speed matters to you, prefer a plain link over a script wherever the option exists, and keep embeds to the pages that genuinely need them.