개츠비(Gatsby) 블로그에 구글 애드센스(Adsense) 적용하기
FE/WEB2023. 10. 2. 21:02Gatsby 블로그에 Adsense 적용
자신의 블로그에 광고를 게시하기 위해서는 구글의 애드센스(Adsense)를 사용해야 합니다. html 코드를 <head>에 직접 넣는 방법도 있으나 gatsby 플러그인을 사용하면 더 간단하게 적용할 수 있고, 매번 페이지를 생성할때마다 head에 넣어줄 필요가 없어서 적용 및 관리가 편하다는 장점이 있습니다.
방법 1. 개츠비 애드센스 플러그인 적용
우선 플러그인을 설치해봅시다. 아래 명령어와 같이 gatsby-plugin-google-adsense 플러그인을 npm 또는 yarn 통해 설치를 합니다.
# npm
npm install --save gatsby-plugin-google-adsense
# 또는 yarn
yarn add gatsby-plugin-google-adsense
설치가 완료되었다면, gatsby-config.js 에 방금 설치한 플러그인을 추가합니다. publisherId에는 구글 애드센스에서 받은 id 값을 입력해야 합니다.
html 코드에 박히는 값으로 외부에 노출이 되어도 딱히 상관없는 값입니다.
{
// ...
plugins: [
{
resolve: `gatsby-plugin-google-adsense`,
options: {
publisherId: `ca-pub-xxxxxxxxxxxxxxxx`,
},
},
// ...
]
}
방법 2. Ads.txt 스니펫 적용
또 다른 방법으로 구글 애드센스에 블로그를 연결하기 위해 Ads.txt 스니펫을 적용해야 합니다. 아래와 같이 Ads.txt 스니펫 라디오 버튼을 선택합니다.
구글 애드센스 화면에 보이는 텍스트를 복사해서 static/Ads.txt 파일을 생성하여 붙여넣기를 합니다. 적용이 되면 아래와 같이
https://bluemiv.github.io/Ads.txt루트 주소에 /Ads.txt를 붙인 주소로 접근이 가능하다면 설정이 완료된 것입니다.
구글 애드센스 승인 요청
개츠비 설정 파일에 추가하였으면, 구글 애드센스 설정 페이지로 돌아와서 승인 요청을 합니다.
바로 승인이 돼서 광고가 적용되는것은 아니고 구글에서 심사를 통해 블로그 퀄리티를 보고 광고를 게시할 수 있도록 승인을 해줍니다.
심사 기준은 공개하고 있지 않기 때문에 정확한 기준을 알려드릴 수 없습니다.
심사에 한번에 통과하지 못할 수도 있는데, 통과하지 못한다고 하더라도 다시 승인 요청을 할 수 있으므로
승인이 안나면 꾸준히 글을 더 작성한 뒤에 신청하면 됩니다. 예전 기억으로는 글 20개 정도면 충분히 승인이 났던것으로 기억합니다.
References
gatsby-plugin-google-adsense | Gatsby
gatsby-plugin-google-adsense Gatsby Plugin to add Google Adsense auto ads to a website Install How to use Setup Auto ads How to set up Auto…
www.gatsbyjs.com
'FE > WEB' 카테고리의 다른 글
| HTML 시맨틱 태그를 사용하여 웹 페이지의 구조를 명확하게 (0) | 2024.03.03 |
|---|---|
| webpack에 퍼그(pug) 설정하기 (pug 번들링) (1) | 2023.10.31 |
| 웹 폰트 굵기(font weight)에 대해서 (0) | 2023.10.16 |
| 브라우저 동작방식 / 주소창에 url을 입력했을때 일어나는 일 (0) | 2023.09.19 |
| 이벤트 버블링(bubbling)과 캡처링(capturing) (0) | 2023.09.17 |
IT 기술에 대한 글을 주로 작성하고, 일상 내용, 맛집/숙박/제품 리뷰 등 여러가지 주제를작성하는 블로그입니다. 티스토리 커스텀 스킨도 개발하고 있으니 관심있으신분은 Berry Skin을 검색바랍니다.
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!
