구글 블로그의 포스트 본문 상단에 애드센스 광고를 넣어보자.

구글 블로그의 포스트 본문 하단에 애드센스 멀티플렉스 광고를 넣어보자.

구글 블로그 포스트 본문 하단에 애드센스 멀티플렉스 광고를 삽입하는 방법을 알려드립니다. HTML 편집을 통해 광고 코드를 넣는 올바른 위치와 함께, 코드를 깔끔하게 관리하는 추천 방법까지 단계별로 상세히 설명합니다.

이전에는 구글 블로그 포스트 본문 하단에 애드센스의 멀티플렉스 광고를 넣는 방법을 알아봤다.

이번에는 포스트 본문 상단에 일반적으로 많이 사용하는 디스플레이 광고를 넣어보겠다.

방법은 포스트 하단에 광고를 넣었을 때보다 훨씬 쉽다.

이전에 사용했던 <b:includable>이라는 생소한 코드를 사용하지 않아도 된다.

포스트 본문 상단의 광고가 클릭률이 가장 높다고 한다

블로그 본문 상단에 아직 애드센스 광고를 넣기 전의 모습을 캡처해 보았다.

글의 제목과 본문 사이에 애드센스 광고를 넣을 것이다.

티스토리에서 블로그를 하던 시절에는 이 위치의 광고가 가장 수익이 잘 나온다고 알려졌었고, 실제로도 그랬던 것 같다.

그런데 티스토리(정확히는 카카오)에서 이 부분에 강제적으로 자기들 자체 광고를 넣기 시작해서...

구글 블로그는 사용자들에게 이런 말도 안되는 횡포를 부리는 일이 없길 바란다.

뭐 이미 애드센스가 구글의 것인데, 뭐 그럴 일이 있겠는가.

포스트 본문 상단에 광고가 나오게 하기 위해서 코드를 넣어야 할 위치

구글 블로그 관리 페이지에서 '테마' > 'HTML 편집'으로 이동한다.

먼저 [ctrl + F] 키를 누르고 코드 내에서 post-body post-content를 검색한다.

이 부분이 바로 블로그의 포스트 본문이 표시되는 부분이다.

(이미지를 보고 몇 번째 줄에 있는 코드인지는 참고하지 마시길. 이미지가 잘못 올라가서 보름 뒤에 다시 캡처해서 추가했다.)

<div class='post-body post-content'>
  <!--광고-->
  <div class='post-top-ad'>
    <!--본인의 애드센스 코드가 들어갈 자리-->
  </div>
  <data:post.body/>
</div>

<div class='post-body post-content'>와 </div> 사이에 이렇게 코드를 넣도록 하자.

광고 코드는 반드시 <data:post.body/>의 위에 넣어야 한다.

이제는 이 글을 보는 사람이 완전히 초보자라고 생각하지 않고 구글 애드센스에서 광고 코드를 가져오는 방법은 생략하도록 하겠다.

마무리: 광고 하단의 여백을 위한 CSS 코드

.post-top-ad{
  margin: 0 0 50px
}

마지막으로 광고의 하단에 충분한 공간이 생기도록 CSS 코드도 추가했다.

성공이다.

이것으로 구글 블로그에서 포스트를 작성할 때 글의 상단에 직접 광고를 넣거나 하지 않아도 항상 포스트 본문 상단에 광고가 뜨게 된다.

가장 수익이 많이 나온다고 알려져 있는 부분에 코드를 넣었으니, 앞으로는 콘텐츠를 올리는 일에 집중하자.

이 글이 도움이 됐거나 유익했다면 스크롤을 조금만 더 내려서 댓글을 남겨주세요. (비로그인도 가능합니다!)
응원이나 피드백이 담긴 댓글은 제가 계속 블로그를 해나갈 수 있는 원동력이 됩니다. 😊

지인에게 보여주고 싶은 글이었다면 URL을 복사해서 메신저나 소셜 미디어에 공유해 주세요.