text: import Document, { Html, Head, Main, NextScript } from 'next/document'
  import { FB_PIXEL_ID } from '../lib/fpixel'
  
  export default class MyDocument extends Document {
      render() {
          return (
              <Html>
                  <Head>
                      {/* Global Site Code Pixel - Facebook Pixel */}
                      <script
                          dangerouslySetInnerHTML={{
                              __html: `
                  !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', ${FB_PIXEL_ID});
                `,
                          }}
                      />
                      <noscript>
                          <img
                              height="1"
                              width="1"
                              style={{ display: 'none' }}
                              src={`https://www.facebook.com/tr?id=${FB_PIXEL_ID}&ev=PageView&noscript=1`}
                          />
                      </noscript>
                  </Head>
                  <body>
                  <Main />
                  <NextScript />
                  </body>
              </Html>
          )
      }
  }