fix: include ad block detection script

courtesy of https://www.detectadblock.com/

Author: Bentroen

web/public/adasync.js

@@ -0,0 +1,4 @@
+var e = document.createElement('div');
+e.id = 'F4uONjE2hMik';
+e.style.display = 'none';
+document.body.appendChild(e);

web/src/app/layout.tsx

@@ -9,6 +9,7 @@ import 'react-loading-skeleton/dist/skeleton.css';
 import { SkeletonTheme } from 'react-loading-skeleton';
 import { WebSite, WithContext } from 'schema-dts';
 
+import DetectAdBlock from '../modules/shared/components/client/ads/DetectAdBlock';
 import GoogleAdSense from '../modules/shared/components/GoogleAdSense';
 import { TooltipProvider } from '../modules/shared/components/tooltip';
 
@@ -111,6 +112,7 @@ export default function RootLayout({
               {children}
             </TooltipProvider>
           </SkeletonTheme>
+          <DetectAdBlock />
         </body>
         {process.env.NODE_ENV === 'production' &&
           process.env.NEXT_PUBLIC_GA_ID && (

web/src/modules/shared/components/client/ads/DetectAdBlock.tsx

@@ -0,0 +1,28 @@
+const DetectAdBlock = () => {
+  return (
+    <>
+      {/* eslint-disable-next-line @next/next/no-sync-scripts */}
+      <script src='/adasync.js' />
+      <script
+        id='detect-ad-block'
+        dangerouslySetInnerHTML={{
+          __html: `
+          if (document.getElementById('F4uONjE2hMik')) {
+            window.isBlockingAds = false;
+            F4uONjE2hMik = 'No';
+          } else {
+            window.isBlockingAds = true;
+            F4uONjE2hMik = 'Yes';
+          }
+          
+          if(typeof gtag === 'function'){
+            gtag('event', 'blocking_ads', { 'event_category': 'Blocking Ads', 'event_label': F4uONjE2hMik, 'non_interaction': true });
+          }
+        `,
+        }}
+      ></script>
+    </>
+  );
+};
+
+export default DetectAdBlock;