Meta Pixel Setup Guide


If you're looking to set up Meta (Facebook) Pixel tracking alongside Cookie Control, this guide walks you through the process using Meta Pixel's manual installation code snippet.

The steps below show you how to locate your Pixel ID in Meta Business Suite and configure it to work in line with your Cookie Control implementation.

Anchor point for Meta Pixel Data Stream

  1. 1. Within the Meta Buisiness Suite User Area, navigate to 'Events Mananger' found within the side menu.
  2. 2. Within the Data Sources page make a note of the 'Pixel ID'.

Anchor point for Integrating Meta Pixel with Cookie Control

  1. <!-- Meta 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.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('consent','revoke');
    fbq('init', '#MP-ID');
    fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none"
    src="https://www.facebook.com/tr?id=#MP-ID&ev=PageView&noscript=1"
    /></noscript>
    <!-- End Meta Pixel Code -->
  2. fbq('consent','revoke');
  3. 3. Make sure to replace '#MP-ID', with your 'Meta Pixel ID' found within the Meta Buisiness Suite User Area.
  4. 
    {
        name: 'meta',
        label: 'Meta Pixel',
        description: 'We use marketing cookies to help us improve the relevancy of advertising campaigns you receive.',
        onAccept: function(){
            fbq('consent','grant');
        },
        onRevoke: function(){
            fbq('consent','revoke');
        }
    }