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

이번에는 지난 포스트에서 예고한 대로 구글 블로그의 포스트 본문 하단에 구글 애드센스의 광고 중에서 멀티플렉스 광고를 넣어보도록 하겠다.

멀티플렉스 광고란 이와 같은 광고를 말한다.

(데스크톱 기준으로) 작은 광고들이 4행 2열로 총 8개가 표시된다. (캡처된 이미지처럼 덜 표시될 때도 있다.)

예전에는 이 중에서 약 절반 정도만 광고고, 나머지 절반 정도는 본인 블로그의 실제 게시물이 랜덤으로 표시가 됐었는데, 언젠가부터 전부 광고로 바뀌게 되었다.

멀티플렉스 광고 코드를 복사해 오자

먼저 구글 애드센스에서 멀티플렉스 광고의 코드를 복사해야 한다.

과정은 위의 이미지에서 표시해 둔 부분들을 클릭하면 된다.

처음에는 왼쪽 메뉴에서 '광고'를 클릭하고,

그다음에 상단의 '광고 단위 기준'을 클릭한 후,

'멀티플렉스 광고'를 클릭하면 된다.

이미 만들어진 멀티플렉스 광고가 있다면 그 코드를 가져와도 좋고, 멀티플렉스 광고가 아닌 다른 광고를 넣고 싶다면 그렇게 해도 된다.

어쨌든 오늘의 포스트에서 중요한 내용은 포스트 본문 하단에 광고를 넣는 것이다.

이렇게 표시되는 본인의 애드센스 광고 코드를 복사하자.

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

이제 복사해 온 코드를 블로그의 HTML 편집으로 들어가서 넣어야 한다.

두 가지 방법을 보여주겠다.

먼저 이 방법은 추천하지 않는 방법이지만 보여준다.

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

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

이 부분은 지난 포스트에서 보이지 않게 감춘 작성자 프로필이 표시되는 부분이다.

이 <b:includable> 안에 멀티플렉스 광고 코드를 넣는다.

이렇게 해도 멀티플렉스 광고는 표시가 된다.

하지만 작은 문제가 있다.

이 <b:includable>에는 postFooterAuthorProfile이라는 id 속성이 '포스트 작성자 프로필'을 위한 공간임을 명확하게 알려주고 있다.

이런 곳에 광고 코드를 넣으면, 나중에 코드를 수정하거나 관리할 때 혼란을 줄 수 있다.

</b:includable>와 <b:includable> 사이에 넣으면 되지 않냐고 생각할 수도 있는데, 그렇게 할 경우 코드가 저장되지 않고 에러가 발생한다.

이번에는 따라해도 좋은 추천하는 방법이다.

</b:includable>와 <b:includable> 사이에 새로운 <b:includable>을 만들어서 id=multiplexAds 속성을 넣는다.

그리고 그 안에 광고 코드를 넣는 것이다.

<b:includable id="multiplexAds">
  <!--광고-->
  <div class="multiplex-ads">
    <!--본인의 애드센스 코드가 들어갈 자리-->
  </div>
</b:includable>

코드를 본인에게 맞게 수정해서 사용하자.

그런데 여기서 끝이 아니다.

이 코드는 <b:includable> 블록을 만든 것 뿐이다.

<b:include name="multiplexAds"></b:include>

이 코드를 이용해서 광고를 표시하고 싶은 곳에 위에서 만든 블록을 호출한다.

(위의 이미지를 참고하자. 광고 코드 위쪽에 파란 네모로 표시해 놓은 한 줄짜리 코드가 보일 것이다.)

나는 지난 포스트에서 감춘 작성자 프로필 아래에 이 코드를 넣었다.

작성자 프로필은 어차피 보이지 않으니 소셜 미디어 공유 버튼들 아래에 광고가 표시될 것이다.

이렇게 하고 코드를 저장하면 만들어 놓은 <b:includable> 블록이 갑자기 사라지는 것처럼 보이는데, 사라진 것은 아니고, 코드가 다른 위치로 자동으로 이동을 한 것 뿐이다.

[ctrl + F] 키를 누르고 주석으로 넣어둔 '광고'로 검색하면 바로 찾을 수 있을 것이다.

마무리: CSS 코드도 잊지 말자

.multiplex-ads{
  float:left;
  width:100%;
  margin:0 0 30px
}

마지막으로 광고가 제대로 표시되도록 CSS 코드도 추가해야 한다.

여기까지 하고 저장을 해도 블로그를 확인하면 광고가 아마 1개 정도만 표시될 수도 있다.

멀티 플렉스 광고는 8개 전부 표시가 될 때까지 시간이 좀 걸린다.

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

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