깃허브(GitHub) 블로그 Google Adsense 연결하기
0. 들어가면서
올해 초 시작했던 블로그에 유입되는 사용자 수가 꽤 많이 증가했다. 공부하는 내용을 정리할 겸 시작한 블로그였지만, 사용자 유입량이 늘어나니 광고를 통한 부수입 생각이 문득 들었다. GitHub 플랫폼을 이용하는 블로그에 광고를 연결하는 자세한 글들이 없는 것 같아 정리했다. 필자는 minimal-mistakes 테마를 사용하고 있으며, 같은 테마를 사용하는 분들에게 도움이 되길 바란다.
1. Join Google Adsense
구글 애드센스에 가입이 필요하다. 구글 애드센스 사이트로 이동한다. 시작하기 버튼을 클릭한다.
구글 애드센스에 가입 정보를 입력한다.
웹사이트항목에 본인이 운영 중인 블로그 주소를 추가한다.- 중복되는 URL은 입력할 수 없어서 예시 URL으로 GitHub 주소를 사용했다.
이메일 주소에는 사용 중인 구글 이메일 주소를 입력한다.애드센스 정보 수신은 직접 선택한다.저장하고 계속하기버튼을 누른 후 기타 부가적인 정보들을 입력한다.- 필자는 이미 가입되어 있기 때문에 다른 화면으로 리다이렉트(redirect)됐다.
2. Add Adsense code in HTML head
가입에 성공하면 다음과 같은 화면을 볼 수 있다. 애드센스 코드 영역의 태그를 복사한다.
minimal-mistakes 테마 블로그에 존재하는 /_includes/head/custom.html 파일에 복사한 태그를 추가한다.
- 구글 애드센스에서 발급 받은 스크립트를 추가한다.
<!-- start custom head snippets -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234123412341234" crossorigin="anonymous"></script>
<!-- insert favicons. use https://realfavicongenerator.net/ -->
<!-- end custom head snippets -->
실수로 애드센스 코드를 복사하지 않고 지나간 경우 이를 다시 찾아야 한다. 아래 카테고리를 따라가면 코드를 찾을 수 있다.
광고 > 개요 > 코드 가져오기링크를 누르면 다음 창이 뜨면서 다시 애드센스 코드를 확인할 수 있다.
필자는 블로그의 글들이 많았고 컨텐츠도 충분히 퀄리티가 있다고 생각했지만, 계속 승인이 거부됐다. 다음과 같은 두 작업을 추가적으로 수행하니 성공했다.
- 참조한 글에는
/_layouts/default.html파일에 애드센스 코드를 추가했다고 설명되어 있어서 이를 따라했다.- 하지만 해당 영역은 HTML 파일의 바디(body)이므로 구글 애드센스에서 요구하는 헤드(head) 영역은 아니다.
- 애드센스 스크립트 코드를 아래와 같이 변경하여
/_includes/head/custom.html파일에 추가했다.- 구글 애드센스 객체에 필자의 클라이언트 아이디를 추가하는 스크립트로 변경 후 추가한다.
<!-- start custom head snippets -->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-1234123412341234",
enable_page_level_ads: true
});
</script>
<!-- insert favicons. use https://realfavicongenerator.net/ -->
<!-- end custom head snippets -->
3. Waiting and Approval
결과가 승인되는데 1주 정도 시간이 소요된다.
- 대기 중인 사이트는
준비 중...이라고 표시된다. - 승인된 사이트는
준비됨이라고 표시된다.
댓글남기기