구글 애드센스 신청을 하고, 발급받은 코드를 hugo blog 소스에 넣는법.
구글 애드센스 신청을 하고, 발급받은 코드를 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>
문제없이 잘 넣어졌다면 애드센스 페이지에서 제출을 눌러준다