티스토리 본문 상단 광고 2개로 분할하는 방법.

by

애드센스 광고 단위 코드를 생성해서 본문에 삽입하게 되면 1행에 1개의 광고만이 노출됩니다.

그러나 종종 인터넷 검색시 상단 광고가 2개로 분할되어 노출되는 블로그를 발견할 수 있는데, 오늘은 이렇게 상단 광고를 2개의 광고로 분할해서 노출 하는 방법을 작성해 보도록 하겠습니다.

상단 광고 2개로 분할해서 삽입 하는 이유.

상단 광고를 2개로 분할해서 넣게 되는 이유는 아마도 광고 수익이 상단 광고에서 주로 발생하기 때문에 더 많은 광고를 노출 시켜서 광고 수익을 증대 시키려는 목적이 클것입니다.

하지만 애드센스 광고 정책으로 상단 광고로 3개를 초과해서 설정 할 경우 정책위반으로 광고 제한이 이루어질 수 있기 때문에 주의가 필요하겠습니다.

본문 상단 광고 2개 분할 해서 넣는 방법.

본문 상단에 광고 2개를 분할해서 넣기 위한 준비 순서는 ①. 디스플레이 광고 단위 코드 생성 → ②. Html 광고 코드 삽입 순서로 2개로 분할된 광고를 상단에 배치시킬 수 있습니다.

① 디스플레이 광고 단위 코드 생성.

먼저 디스플레이 광고 단위 코드를 만들어 주도록 하는데, 기존에 디스플레이 광고 단위 코드를 만들어둔것이 있다고 새롭게 광고 단위 코드를 만들 필요는 없습니다.

디스플레이 광고 단위 코드를 만드는 방법은 다음과 같습니다.

  • 애드센스 로그인
  • 광고 → 광고 단위 기준 → 디스플레이 광고 → 사각형 → 반응형 → 광고 단위 이름 지정.

디스플레이 광고 단위 코드를 만들었다면 이 디스플레이 광고 단위 코드를 2개로 분할할 수 있는 코드를 별도로 메모장등에 작성해 주도록 합니다.

본문 상단에 2개로 분할된 광고 코드는 티스토리 블로그 북클럽(Book Club)스킨 기준으로 아래와 같이 코드를 작성할 수 있습니다.

<!– 애드센스 본문 상단 광고 2개 시작 –>

<div style=”text-align: center; margin-bottom: 15px;”>

<style>
.adsbygoogle.post-top-first {display:block}
.adsbygoogle.post-top-second {display:none}

@media (min-width: 768px) {
.adsbygoogle.post-top-first {display:inline-block;min-width:336px;max-width:336px;width:100%;height:280px;}
.adsbygoogle.post-top-second {display:inline-block;margin-left:20px;min-width:336px;max-width:336px;width:100%;height:280px;}
}
</style>

<!– 상단 좌측 광고 –>
<ins class=”adsbygoogle post-top-first”
     data-ad-client=”ca-pub-게시자ID“
     data-ad-slot=”광고단위ID“
     data-ad-format=”rectangle”
     data-full-width-responsive=”true”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!– 상단 좌측 광고 종료 –>

<!– 상단 우측 광고 –>
<ins class=”adsbygoogle post-top-second”
     data-ad-client=”ca-pub-게시자ID“
     data-ad-slot=”광고단위ID“
     data-ad-format=”rectangle”
     data-full-width-responsive=”true”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!– 상단 우측 광고 종료 –>
</div>
<!– 애드센스 본문 상단 광고 2개 끝 –>

상단 좌측 광고와 상단 우측 광고에는 만들어둔 디스플레이 광고 코드를 동일하게 삽입해 주면 되고, 2개로 분할하는 코드는 상단에 작성된 CSS코드에서 광고를 2개로 분할해 주도록 합니다.

광고 박스 사이즈의 수정은 상단 CSS코드중 width:336px, height:280px 수치를 조정하여 조정할 수 있습니다.

2개로 분할된 광고 코드 삽입하기.

메모장에 별도로 2개로 분할된 광고 코드를 티스토리 블로그에 복사해서 넣어주도록 합니다.

티스토리 블로그에 넣어 주는 방법은 다음과 같습니다.

  • 티스토리 관리자 메뉴 로그인
  • 스킨편집 → Html편집
  • ##_article_rep_desc_## 치환자 코드 찾기.
  • ##_article_rep_desc_## 치환자 코드 바로 윗부분에 2개로 분할된 광고 코드 삽입.

북클럽(Book Club)스킨에서 ##_article_rep_desc_## 치환자 코드를 찾게 되면 2개 이상의 치환자 코드를 발견할 수 있습니다.

여기서 2개로 분할된 광고 코드를 삽입할 위치는 460번째줄에 위치한 ##_article_rep_desc_## 치환자 코드 윗부분과 <div class=”entry-content”> 코드 아랫부분으로 중간에 2개로 분할된 코드를 붙여 넣도록 합니다.

필자의 경우에는 ##_article_rep_desc_## 치환자 코드를 460번째줄에서 발견할 수 있지만 사용자에 따라 북클럽 스킨 원본 코드에서 수정한 내역이 있을 경우 그 위치는 조금씩 차이가 있을 수 있으니 코드를 붙여넣고 광고 위치를 학인해 주도록 해야겠습니다.

본문 상단 2개로 분할된 광고 수익 기대 효과.

본문 상단에 원본 광고 코드를 사용하여 하나의 광고만 배치하는 경우와 2개의 광고를 노출 시켰을때 광고 수익은 증가할수 있을지에 대해서는 아마도 사용자에 따라 기대 수익이 달라질 수 있을것같습니다.

하나의 광고를 2개로 분할 시켰다는것은 그만큼 광고 단가가 떨어지는 반면에 클릭률은 상승할 가능성이 있다고 할 수 있습니다.

또한 광고를 2개로 분할 했다고 해서 서로 다른 광고가 노출되는것은 아니고 서로 동일한 광고를 노출시킬 가능성도 존재하기 때문에 이런 경우 광고를 2개로 분할하면서 광고 단가는 낮아지게 되어 결국 광고 수익 또한 감소 하는 결과로 이어질 수 있습니다.

따라서 본문 상단 광고를 2개로 분할하여 클릭률을 높일것인지, 광고 단가를 높일것인지에 따라 사용자 자신만의 전략에 따라 광고를 효율적으로 배치하는것이 좋을것입니다.

관련글

Default Thumbnail직장인 부수익 만들기 애드센스 티스토리 블로그. Default Thumbnail애드센스 승인을 위한 티스토리 글쓰기 방법. Default Thumbnail티스토리 애드센스 본문 광고 나오지 않는 이유와 해결 방법. 티스토리 상단 제목 Box 상하 사이즈 수정 썸네일티스토리 제목 상단 사이즈 수정 방법.

Leave a Comment