diff --git a/components/layout/AppLayout.tsx b/components/layout/AppLayout.tsx index 5adcfec..77c6400 100644 --- a/components/layout/AppLayout.tsx +++ b/components/layout/AppLayout.tsx @@ -1,6 +1,7 @@ import FooterLight from '../kit/components/navigation/footer/FooterLight'; import Meta from '../site/Meta'; import AppHeader from '../site/header/AppHeader'; +import AdBanner from '../site/Pub/Banner'; const footerLink = [ { @@ -71,20 +72,26 @@ export const menuTemplates = [ interface Props { title: string; desc: string; + withPub?: boolean; children: React.ReactNode; } -const AppLayout = ({ title, desc, children }: Props) => { +const AppLayout = ({ title, desc, children, withPub }: Props) => { return (
-
+
{children}
+ {withPub && ( +
+ +
+ )}
diff --git a/components/site/Pub/Banner.tsx b/components/site/Pub/Banner.tsx index 6e2d5ee..23ce4af 100644 --- a/components/site/Pub/Banner.tsx +++ b/components/site/Pub/Banner.tsx @@ -1,6 +1,10 @@ import React, { useEffect } from 'react'; -const AdBanner = () => { +interface Props { + isVertical?: boolean; +} + +const AdBanner = ({ isVertical }: Props) => { useEffect(() => { try { ((window as any).adsbygoogle = (window as any).adsbygoogle || []).push({}); @@ -16,7 +20,7 @@ const AdBanner = () => { data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-9198515375847190" - data-ad-slot="5049524770" + data-ad-slot={isVertical ? '7214868435' : '5049524770'} > ); }; diff --git a/pages/components/index.tsx b/pages/components/index.tsx index 7da4d33..286aaf0 100644 --- a/pages/components/index.tsx +++ b/pages/components/index.tsx @@ -10,6 +10,7 @@ import ListPage from '../../components/kit/components/list'; const ComponentsPage: FC = () => { return ( diff --git a/pages/started/index.tsx b/pages/started/index.tsx index 2f8a2ce..acf0682 100644 --- a/pages/started/index.tsx +++ b/pages/started/index.tsx @@ -43,6 +43,7 @@ const confCode = `module.exports = { const StartedPage: FC = () => { return ( diff --git a/pages/templates/index.tsx b/pages/templates/index.tsx index aef88cd..109afd6 100644 --- a/pages/templates/index.tsx +++ b/pages/templates/index.tsx @@ -7,6 +7,7 @@ import DashboardPages from '../../components/kit/templates/dashboardPages'; const ComponentsPage: FC = () => { return (