feat: pub ads

src/app/layout.tsx

@@ -7,9 +7,9 @@ import { Roboto_Flex } from 'next/font/google';
 import { usePathname } from 'next/navigation';
 import { ReactNode, Suspense, useEffect, useState } from 'react';
 import { Footer } from '../components/Footer';
-import { Google } from '../components/Google';
 import { Loader } from '../components/Loader';
 import Navbar from '../components/Navbar';
+import { Party3 } from '../components/Party3';
 import isDev from '../core/blitzkrieg/isDev';
 import { isLocalhost } from '../core/blitzkrieg/isLocalhost';
 import { useFullScreen } from '../hooks/useFullScreen';
@@ -60,7 +60,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
         <meta property="og:site_name" content="Blitzkrieg" />
         <link rel="icon" type="image/x-icon" href="/favicon.ico" />
 
-        <Google />
+        <Party3 />
       </head>
 
       <body

src/app/tools/tankopedia/map/page.tsx

@@ -1,5 +1,6 @@
 import { Flex, Link } from '@radix-ui/themes';
 import { use } from 'react';
+import { AdHorizontal } from '../../../../components/Ads/Horizontal';
 import PageWrapper from '../../../../components/PageWrapper';
 import { tankDefinitions } from '../../../../core/blitzkrieg/tankDefinitions';
 
@@ -8,11 +9,17 @@ export default function Page() {
 
   return (
     <PageWrapper>
+      <title>Super duper secret map for SEO</title>
+
+      <AdHorizontal />
+
       <Flex direction="column" align="center">
         {Object.values(awaitedTankDefinitions)
           .sort((a, b) => b.tier - a.tier)
           .map((tank) => (
-            <Link href={`./${tank.id}`}>{tank.name}</Link>
+            <Link href={`./${tank.id}`} key={tank.id}>
+              {tank.name}
+            </Link>
           ))}
       </Flex>
     </PageWrapper>

src/components/Ads/Horizontal.tsx

@@ -0,0 +1,19 @@
+export function AdHorizontal() {
+  return (
+    <>
+      <div id="ms-ad-635230699" />
+      <script
+        dangerouslySetInnerHTML={{
+          __html: `
+            window.msAdsQueue.push(() => { 
+              window.pubCenterSdk.render({ 
+                adUnitId: "635230699", 
+                elementId: "ms-ad-635230699" 
+              }); 
+            }); 
+          `,
+        }}
+      />
+    </>
+  );
+}

src/components/Party3.tsx

@@ -1,4 +1,4 @@
-export function Google() {
+export function Party3() {
   return (
     <>
       {/* analytics */}
@@ -19,10 +19,24 @@ export function Google() {
       />
 
       {/* adsense */}
-      <script
+      {/* <script
         async
         src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1289406790225052"
         crossOrigin="anonymous"
+      /> */}
+
+      {/* pub center */}
+      <script
+        dangerouslySetInnerHTML={{
+          __html: `
+            window.msAdsQueue = window.msAdsQueue || [];
+          `,
+        }}
+      />
+      <script
+        async
+        src="https://adsdk.microsoft.com/pubcenter/sdk.js?siteId=364477&publisherId=253617120"
+        crossOrigin="anonymous"
       />
     </>
   );