Merge pull request #109 from tresabhi/main

public/ads.txt

@@ -1 +1,3 @@
 google.com, pub-1289406790225052, DIRECT, f08c47fec0942fa0
+appnexus.com, 14163, RESELLER 
+pubcenter.microsoft.com, 253617120, DIRECT

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,8 @@
+'use client';
+
 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 +11,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,24 @@
+export function AdHorizontal() {
+  return (
+    <>
+      <script
+        async
+        src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1289406790225052"
+        crossOrigin="anonymous"
+      />
+      <ins
+        className="adsbygoogle"
+        style={{ display: 'block' }}
+        data-ad-client="ca-pub-1289406790225052"
+        data-ad-slot="2391822409"
+        data-ad-format="auto"
+        data-full-width-responsive="true"
+      />
+      <script
+        dangerouslySetInnerHTML={{
+          __html: `(adsbygoogle = window.adsbygoogle || []).push({});`,
+        }}
+      />
+    </>
+  );
+}

src/components/Party3.tsx

@@ -1,4 +1,10 @@
-export function Google() {
+import { useEffect } from 'react';
+
+export function Party3() {
+  useEffect(() => {
+    (window as any).msAdsQueue = (window as any).msAdsQueue || [];
+  }, []);
+
   return (
     <>
       {/* analytics */}
@@ -24,6 +30,13 @@ export function Google() {
         src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1289406790225052"
         crossOrigin="anonymous"
       />
+
+      {/* pub center */}
+      {/* <script
+        async
+        src="https://adsdk.microsoft.com/pubcenter/sdk.js?siteId=364477&publisherId=253617120"
+        crossOrigin="anonymous"
+      /> */}
     </>
   );
 }