Tech Stock logo Tech Stock

휴고 블로그의 기본 스트럭쳐는 layouts/shortcodes 에 모듈화한 html을 넣게 되어있다.

즉 layouts/shortcodes에 모듈화한(애드센스코드복사)html을 작성하고
포스팅 할 md파일에서 그 모듈화한 html을 불러들이면 된다.

이런식으로 말이다

오늘은 눈이 펑펑 내리네요.
블라블라
블라블라

광고코드 삽입(모듈화한 html로드)

블라블라 
블라블라 

layouts/shortcodes 에 모듈화할 html을 작성하고 애드센스 코드를 복사한다.

먼저 애드센스 페이지에서 코드를 복사하고..

애드센스 코드를 복사하세요

/layouts/shortcodes/ 폴더에 adsense.html이라는 파일을 만든다.
shortcodes폴더가 없으면 shortcodes폴더를 만들고 그 안에 html파일을 만들면 된다

layouts/shortcodes/adsense.html

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-12112121212"
     data-ad-slot="1221212121"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

이제 준비는 다 됐다.

포스팅 할 md파일의 내용 중간에
이런식으로 넣어주기만 하면 된다.

오늘은 날씨가 참 좋습니다.
블라블라
블라블라

{{< adsense >}}

블라블라 
블라블라 

참고로 확장자인 html은 안쓰고 파일명만 쓰면 된다.