Example/facebook pixel script

examples/with-facebook-pixel/pages/_app.js

@@ -24,6 +24,7 @@ function MyApp({ Component, pageProps }) {
     <>
       {/* Global Site Code Pixel - Facebook Pixel */}
       <Script
+        id="fb-pixel"
         strategy="afterInteractive"
         dangerouslySetInnerHTML={{
           __html: `

examples/with-facebook-pixel/pages/index.js

@@ -1,3 +1,4 @@
+import Link from 'next/link'
 import * as fbq from '../lib/fpixel'
 
 export default function Home() {
@@ -14,6 +15,13 @@ export default function Home() {
       <button type="button" onClick={handleClick}>
         Buy $10
       </button>
+      <p>
+        Click the link below to navigate to another page.
+        <br />
+        <Link href="/navigation">
+          <a>Navigation page</a>
+        </Link>
+      </p>
     </div>
   )
 }

examples/with-facebook-pixel/pages/navigation.js

@@ -0,0 +1,15 @@
+import Link from 'next/link'
+
+export default function NavigationPage() {
+  return (
+    <div>
+      <p>
+        Navigating between pages will trigger a pageview event in Facebook
+        Pixel, but will not reinitialize the pixel.
+      </p>
+      <Link href="/">
+        <a>Return to home</a>
+      </Link>
+    </div>
+  )
+}