Tech Stock logo Tech Stock

구글 애드센스 신청을 하고, 발급받은 코드를 hugo blog 소스에 넣는법.

구글에서는 기본적으로 html태그 사이에 넣으라고 하는데

일반적으로는 head태그에 넣는경우가 많다.

head태그에 넣는다는 전제조건으로 설명

■ layouts/partials/ 안에 adsense.html 작성

hugo blog 의 기본 스트럭쳐는 layouts/partials에 모듈화한 html을 넣게 되어있다.

이곳에 구글애드센스 페이지에서 복사한 사이트 삽입용 코드를 넣어준다.

<script data-ad-client="ca-pub-1234567889" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

■ head.html 수정

보통 layouts/partials/ 안에 head.html도 있다.

meta태그 부분의 바로 다음에 다음과 같이 넣어주자

{{ partial "adsense.html" . }}

■ 확인

이제 서버를 기동하고, 브라우저의 개발자 모드에서 head태그를 확인한다.

<script data-ad-client="ca-pub-1234567889 async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" data-checked-head="true"></script>

문제없이 잘 넣어졌다면 애드센스 페이지에서 제출을 눌러준다