구글 블로그에서 if 조건문을 쓰는 방법

포스트 썸네일 이미지

오늘의 포스트의 내용은 구글 블로그 내에서 조건문을 사용하는 방법을 다시 한번 다뤄보겠다.




사실 이전에도 조건문을 이용해서 한 페이지 안에 <h1> 태그가 2개가 들어가는 문제를 해결한 적이 있다.

그때와 똑같은 코드를 사용하려고 한다.




아무 콘텐츠도 없는 페이지 상단에 광고가 뜨고 있다


블로그 포스트 본문 상단에 광고가 뜨고 있는 이미지

나의 구글 블로그는 포스트 본문 상단에 내가 직접 광고 코드를 넣지 않아도 광고가 뜨고 있다.




이전에 블로그 템플릿에 직접 광고 코드를 넣었기 때문이다.




블로그 페이지 상단에도 광고가 뜨고 있는 이미지

그런데 그 코드 때문에 포스트가 아닌 페이지의 상단에도 광고가 뜨고 있다.

페이지는 주로 이 블로그의 소개 글이나, 이 캡처 이미지처럼 메일 보내기 양식 등이 있는데, 그런 곳에 광고를 넣을 이유가 없다.

이런 블로그는 광고로 도배가 된 느낌을 주면서 방문자에게 안 좋은 느낌을 줄 수가 있다.


그래서 이전에도 사용했었던 구글 블로그 내에서 사용되는 if문으로 포스트 본문의 상단에만 광고가 뜨도록 수정해 보겠다.





포스트에만 광고가 뜨도록 조건문을 넣었다


구글 블로그 HTML 편집에서 조건문 코드 추가

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

그리고 [ctrl + F] 키를 누르고 코드 내에서 <!-- 광고 -->를 검색했다.

이전에 광고를 넣을 때, 다시 찾기 쉽게 하려고 넣었던 주석이다.




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

그리고 광고 코드를 이렇게 구글 블로그 템플릿에서 사용되는 if문으로 감싼다.

그러면 현재의 페이지가 '포스트'일 경우에만 광고가 뜨게 된다.


뭔가 코드가 많아 보이지만, 추가된 코드는 <b:if cond='data:blog.pageType == "item"'></b:if> 뿐이다.




블로그 페이지 상단에 뜨던 광고가 사라졌다

코드를 저장한 후, 다시 블로그 운영자에게 메일을 보내는 '문의하기' 페이지로 갔더니 광고가 뜨지 않는다.

하지만 포스트 본문 상단에는 여전히 광고가 잘 뜨고 있다.




이렇게 if문을 이용해서 특정 위치의 광고나 혹은 위젯도 특정 페이지에서만 뜨게 하거나 특정 페이지에서는 감출 수도 있다.

이렇게 오늘도 하나의 작은 문제를 해결했다 😊

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

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

댓글 쓰기

0 Comments

문의하기 양식