diff --git a/components/Advertisement.tsx b/components/Advertisement.tsx index 841714b..85b3580 100644 --- a/components/Advertisement.tsx +++ b/components/Advertisement.tsx @@ -1,37 +1,19 @@ -import { useEffect } from 'react' -import Logger from '@utils/Logger' +import AdSense from 'react-adsense' const Advertisement: React.FC = ({ size = 'short' }) => { - useEffect(() => { - if (process.env.NODE_ENV === 'production') { - window.adsbygoogle = window.adsbygoogle || [] - try { - window.adsbygoogle.push({}) - Logger.debug('Ad Pushed') - } - catch { - Logger.debug('Ad Push Fail') - } - } - - }, []) - return
- {process.env.NODE_ENV === 'production' ? ( - ) : ( 'Advertisement' diff --git a/package.json b/package.json index c85b06e..9790af9 100644 --- a/package.json +++ b/package.json @@ -49,6 +49,7 @@ "postcss-preset-env": "6.7.0", "rc-tooltip": "5.1.1", "react": "17.0.2", + "react-adsense": "0.1.0", "react-dom": "17.0.2", "react-hotkeys": "2.0.0", "react-responsive-modal": "6.0.1", diff --git a/pages/bots/[id]/index.tsx b/pages/bots/[id]/index.tsx index dbae0ba..c8daf14 100644 --- a/pages/bots/[id]/index.tsx +++ b/pages/bots/[id]/index.tsx @@ -322,16 +322,11 @@ const Bots: NextPage = ({ data, desc, date, user, theme, csrfToken })

자세한 내용은 해당 글을 확인해주세요.

: '' } -
- - - -
+ + + +
- -
-
-
} diff --git a/yarn.lock b/yarn.lock index e4a6fa0..b0f2e29 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7931,6 +7931,11 @@ re2@^1.15.9: nan "^2.14.2" node-gyp "^7.1.2" +react-adsense@0.1.0: + version "0.1.0" + resolved "https://registry.yarnpkg.com/react-adsense/-/react-adsense-0.1.0.tgz#f170007a9ab05ee2cd1c915cdc9788624658e3c1" + integrity sha512-VzGMH9qA7bBKAveK1joFWphhB7e2Y1ToSGzUa8b7eit3+VSkg/2MSvKxe5d/r4mcmkOHu6CHNJW0nn6RQC3IZA== + react-dom@17.0.2: version "17.0.2" resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-17.0.2.tgz#ecffb6845e3ad8dbfcdc498f0d0a939736502c23"