How to create a custom pixel for Meta in Shopify

Follow the steps in this guide to create a custom pixel for Meta in Shopify

Part 1: Create a custom pixel "PM - Meta"

1. Click "Settings"
   
   
   
   
2. Click "Customer events"
   
   
   
   
3. Click "Add custom pixel"
   
   
   
   
   
4. Click the "Pixel name" field and type "PM - Meta"
   
   
   
   
5. Click "Add pixel"
   
   
   
6. Copy this 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('init', YOUR_PIXEL_ID); // replace YOUR_PIXEL_ID with the pixel ID (dataset id)
   
   // integrate third-party pixel tracking
   analytics.subscribe("page_viewed", (event) => {
     fbq('track', 'PageView');
   });
   
   analytics.subscribe("product_viewed", (event) => {
     fbq('track', 'ViewContent', {
       content_ids:  [event.data?.productVariant?.id],
       content_name: event.data?.productVariant?.title,
       currency: event.data?.productVariant?.price.currencyCode,
       value: event.data?.productVariant?.price.amount,
     });
   });
   
   analytics.subscribe("search_submitted", (event) => {
     fbq('track', 'Search', {
       search_string: event.searchResult.query
     });
   });
   
   analytics.subscribe("product_added_to_cart", (event) => {
     fbq('track', 'AddToCart', {
       content_ids: [event.data?.cartLine?.merchandise?.productVariant?.id],
       content_name: event.data?.cartLine?.merchandise?.productVariant?.title,
       currency: event.data?.cartLine?.merchandise?.productVariant?.price?.currencyCode,
       value: event.data?.cartLine?.merchandise?.productVariant?.price.amount,
     });
   });
   
   analytics.subscribe("payment_info_submitted", (event) => {
     fbq('track', 'AddPaymentInfo');
   });
   
   analytics.subscribe("checkout_started", (event) => {
     fbq('track', 'InitiateCheckout');
   });
   
    analytics.subscribe("checkout_completed", (event) => {
      fbq('track', 'Revenue', {
        currency: event.data?.checkout?.currencyCode,
        value: event.data?.checkout?.totalPrice?.amount,
      });
    });

7. Remove all existing text in the Code field and paste the script into the Code field. Remember to replace YOUR_PIXEL_ID with your actual pixel id / dataset id
   
   
   
   
8. Click "Save"
   
   
   
   
9. Click "Connect"
   
   
   
   
   
10. Click "Connect" again