chore: ads improved

components/Advertisement.tsx

@@ -5,12 +5,18 @@ const Advertisement: React.FC<AdvertisementProps> = ({ size = 'short' }) => {
 	useEffect(() => {
 		if (process.env.NODE_ENV === 'production') {
 			window.adsbygoogle = window.adsbygoogle || []
+			try {
 				window.adsbygoogle.push({})
+				Logger.debug('Ad Pushed')
 			}
-		Logger.debug('Ads Pushed')
+			catch {
+				Logger.debug('Ad Push Fail')
+			}
+		}
+		
 	}, [])
 
-	return (
+	return <div className='py-5'>
 		<div
 			className={`z-0 mx-auto w-full text-center text-white ${
 				process.env.NODE_ENV === 'production' ? '' : 'py-12 bg-gray-700'
@@ -19,18 +25,19 @@ const Advertisement: React.FC<AdvertisementProps> = ({ size = 'short' }) => {
 		>
 			{process.env.NODE_ENV === 'production' ? (
 				<ins
-					className='adsbygoogle w-full'
-					style={{ display: 'inline-block', height: '90px' }}
+					className='adsbygoogle'
+					style={{ display: 'block', width: '100%' }}
 					data-ad-client='ca-pub-4856582423981759'
 					data-ad-slot='3250141451'
-					data-adtest='on'
+					data-ad-format='auto'
 					data-full-width-responsive='true'
-				></ins>
+					data-adtest='on'
+				/>
 			) : (
 				'Advertisement'
 			)}
 		</div>
-	)
+	</div>
 }
 
 declare global {

pages/_document.tsx

@@ -53,11 +53,7 @@ class MyDocument extends Document {
 
 					{/* SCRIPT */}
 					<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js'></script>
-					<script
-						data-ad-client='ca-pub-4856582423981759'
-						async
-						src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'
-					></script>
+					<script async src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
 					<script async src='https://www.googletagmanager.com/gtag/js?id=UA-165454387-1'></script>
 					<script
 						dangerouslySetInnerHTML={{

pages/bots/[id]/index.tsx

@@ -162,6 +162,9 @@ const Bots: NextPage<BotsProps> = ({ data, desc, date, user, theme, csrfToken })
 								</div>
 							</div>
 							<Divider className='px-5' />
+							<div className='hidden lg:block'>
+								<Advertisement />
+							</div>
 							<div className='lg:flex lg:flex-row-reverse' style={bg ? { color: 'white' } : {}}>
 								<div className='mb-1 w-full lg:w-1/4'>
 									<h2 className='3xl mb-2 font-bold'>정보</h2>
@@ -310,9 +313,6 @@ const Bots: NextPage<BotsProps> = ({ data, desc, date, user, theme, csrfToken })
 									<Advertisement size='tall' />
 								</div>
 								<div className='w-full lg:pr-5 lg:w-3/4'>
-									<div className='hidden lg:block'>
-										<Advertisement />
-									</div>
 									{
 										checkBotFlag(data.flags, 'hackerthon') ? <Segment className='mt-10'>
 											<h1 className='text-3xl font-semibold'>
@@ -326,10 +326,13 @@ const Bots: NextPage<BotsProps> = ({ data, desc, date, user, theme, csrfToken })
 										<Segment className='my-4'>
 											<Markdown text={desc}/>
 										</Segment>
+									</div>
+								</div>
+								
+							</div>
+							<div className='pt-5'>
 								<Advertisement />
 							</div>
-								</div>
-							</div>
 						</>
 			}
 		</Container>