본문 바로가기
소셜네트워크/블로그

[티스토리] 관련글 없애기 후, 일치하는 콘텐츠 광고 달기

by 큰공 2021. 12. 10.
728x90
반응형

 

들어가며

 오늘은 티스토리 블로그 스킨 변경을 살짝 해볼까합니다. 좀 더 나은 수익과 접근성을 위해서 살짝 바꿔 보도록 하겠습니다.

 크게 "관련글" 항목을 없애는 것과, "일치하는 콘텐츠 광고" 위치를 변경해볼까 합니다.

 

 

BEFORE

 현재 구조는 글이 종료되고, 하단 광고가 2개 (애드핏, 애드센스) 실리며, 카테고리의 다른글 -> 태그 -> 관련글 -> 댓글 -> 일치하는 광고 순으로 기재 되고 있습니다.

 

관련글과, 일치하는 광고가 중복되는 정보를 나태는 터라 약간 어색한 면이 있어서, 관련글 항목을 없애고, 해당 자리에 일치하는 콘텐츠 광고를 넣도록 변경해보고자 합니다.

 

 

관련글 없애기

 스킨 편집으로 들어가서 아래 구문 <s_article_related>~</s_article_related> 을 주석 처리 합니다.

 다음에 또 살릴 수 있으므로, <!-- ~~~ --> 을 이용하여 주석처리를 해줍니다.

 

일치하는 광고 컨텐츠 생성

 현재는 자동으로 들어가 있어서 그런지 모르겠지만, 페이지 넘버 최 하단으로 일치하는 광고가 들어 가 있습니다. 이를 원래 "관련글" 자리에 위치해보도록 하겠습니다.

 

1) 애드센스 광고 > 개요 > 광고 단위기준 > 일치하는 콘텐츠

 애드센스에서 순서대로 눌러 줍니다.

 

2) 광고 설정 

 어떤 광고인지 구분을 위해 광고단위 이름을 적어주면 됩니다. 아무거나 적어줘도 크게 상관이 없습니다.

  '광고를 위한 수익창출'을 활성화로 해줍니다.






3) 일치하는 콘텐츠 코드 복사

하단부에 있는 코드를 복사한 후 완료 버튼을 눌러줍니다.

일치하는 광고 삽입하기

 - 티스토리 관리 페이지 > 스킨 편집 > html 편집 

 검색을 누르고 여기에 'article_rep_desc'를 찾아 줍니다.
 관련글이 태그 아래에 있으므로,  'article_rep_desc' 아래에, 위에서 주석 처리한 관련글 삭제하기 위 부분에 복사 붙여넣기를 해줍니다.

 

 관련글 글씨를 유지하고, 좀 더 다듬어 주기 위해서 

 

<s_article_related>
<div class="related-articles">
<h2>관련글</h2>

 

부분은 그대로 살려 두었습니다.

<s_tag_label>
 <div class="tags">
 <h2>태그</h2>
 
 </div>
</s_tag_label>

<s_article_related>
 <div class="related-articles">
 <h2>관련글</h2>
   ,
   ,
   ,
   ,
   복사해온 코드
   ,
   ,
   ,

 </div>
</s_article_related>

<!-- 관련글 삭제하기
 <s_article_related>
 <div class="related-articles">
 <h2>관련글</h2>


AFTER

 이전 구조 : 글 -> 카테고리의 다른글 -> 태그 -> 관련글 -> 댓글 -> 일치하는 광고 순

 변경 구조 : 글 -> 카테고리의 다른글 -> 태그 -> 관련글 (일치하는 광고) -> 댓글

 

 이와 같이 모바일에서도 일치하는 광고가 관련글을 대체하여 삽입됨을 확인할 수 있습니다.

 

 

728x90
반응형

댓글20