From c0a8c52a55a7298477bc585c9f149ab0cba53698 Mon Sep 17 00:00:00 2001
From: Benjamin Cabanes <3447705+bcabanes@users.noreply.github.com>
Date: Fri, 15 Mar 2024 16:53:07 -0400
Subject: [PATCH] feat(nx-dev): add apollo.io tracking script to `_app.tsx`
 (#22339)

Integrated Apollo.io embed code script to enable tracking functionality. The script has been added with 'afterInteractive' strategy to ensure it loads after the main content, optimizing performance and tracking accuracy.
---
 nx-dev/nx-dev/pages/_app.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/nx-dev/nx-dev/pages/_app.tsx b/nx-dev/nx-dev/pages/_app.tsx
index a6461a83e960c7..b5fa8f192963bc 100644
--- a/nx-dev/nx-dev/pages/_app.tsx
+++ b/nx-dev/nx-dev/pages/_app.tsx
@@ -76,6 +76,7 @@ export default function CustomApp({
         Skip to content
       </Link>
       <Component {...pageProps} />
+
       {/* Global Site Tag (gtag.js) - Google Analytics */}
       <Script
         id="gtag-script-dependency"
@@ -96,6 +97,15 @@ export default function CustomApp({
           `,
         }}
       />
+      {/* Apollo.io Embed Code */}
+      <Script
+        type="text/javascript"
+        id="apollo-script-loader"
+        strategy="afterInteractive"
+        dangerouslySetInnerHTML={{
+          __html: `function initApollo(){var n=Math.random().toString(36).substring(7),o=document.createElement("script"); o.src="https://assets.apollo.io/micro/website-tracker/tracker.iife.js?nocache="+n,o.async=!0,o.defer=!0,o.onload=function(){window.trackingFunctions.onLoad({appId:"65e1db2f1976f30300fd8b26"})},document.head.appendChild(o)}initApollo();`,
+        }}
+      />
       {/* HubSpot Analytics */}
       <Script
         id="hs-script-loader"