본문 바로가기

레터 스킨 애드센스 일치하는 콘텐츠 광고 넣는 위치

gracenmose 2021. 8. 29.

스킨별 애드센스 일치하는 콘텐츠 넣는 위치 포스팅 시리즈입니다. 티스토리에서 기본 제공하는 10개 스킨에 대해서 애드센스 일치하는 콘텐츠 광고 단위가 떴을 때 넣는 위치를 정리하는 내용입니다.

 

알아두어야 할 사항

  • 모든 스킨 편집 내용은 '기본'값입니다. 즉, 스킨변경에서 적용 버튼 누른 순정 상태 기준입니다. 수동으로 HTML편집에서 몇 줄 넣었으면, 제 글에서 언급하는 위치에서 조금 뒤에서 찾으시면 됩니다.
  • HTML 편집 모드에서 검색을 하려면 편집창을 한 번 클릭 후 CTRL+F 를 눌러야 합니다.
    이렇게 노란 창으로 떠야 함
    위와 같이 노란색으로 창이 떠야 제대로 찾을 수 있습니다.
  • 편집하기 전 실수를 방지 하기 위해서 미리 HTML 페이지 전체를 메모장에 복사해 두면 좋습니다.
    ▶ 관련글: 티스토리 스킨편집 할 때 꼭 해 두면 좋은 팁 (ft. 메모장)

 

 

레터 스킨

레터(Letter) 스킨은 사이드바가 숨겨져 있는 1단형 심플한 스킨입니다. 다른 스킨보다는 스킨 선택화면에서 보여지는 것과 실제 스킨 모습이 비슷한 스킨이기도 하네요.

 

레터 스킨

시리즈를 이어갈수록 심플 is best 라는 느낌이 강하게 듭니다. 다른 곳에 시선을 분산시키지 않고 오로지 콘텐츠로 집중시킬 수 있게 됩니다. 

 

연관글을 연속해서 보게 하기에는 다른 방법을 연구해야겠으나, 하나하나의 글이 의미가 있는 블로그라면 이 스킨도 괜찮은 듯 합니다. (나쁜 스킨은 없다는 이야기죠)

 

 

레터 스킨 PC모습

▲ PC에서의 모습입니다. 왼쪽이 블로그 홈에서 글 목록이 나오는 방식이고 오른쪽은 PC에서의 글 모습입니다. 광고가 들어가면 어떤 방식으로 보일지 확인할 겸 광고 이미지도 하나 넣어 봤습니다.

 

레터 스킨 모바일 화면

▲ 모바일에서의 화면입니다. 굉장히 깔끔한 스타일이죠. 커버 스타일로 이미지를 확대하는 방법을 적용할 수도 있기는 합니다. 제목 뒤에 별도의 배경 박스를 사용하지 않아서 애드센스 상단 광고가 있어도 본문 첫 문장은 보여질 것 같습니다.

 

커버 리스트 4개 지원

커버리스트는 4개의 형태를 지원합니다. 메인리스트는 스킨 고를때 보이는 화면처럼 아주 큰 사진이 두드러지게 보여지는 형태이고, 섬네일 리스트는 사진과 제목이 2열로 보여지는 형태네요.

 

기본값은 리스트이고, 갤러리는 포스트의 대표사진으로 고른 사진 위에 포스트 제목이 쭉 나열되는 갤러리 형태로 보여지는 커버입니다. 

 

레터(Letter) 스킨 일치하는 콘텐츠 광고 코드 넣는 위치

레터 스킨에 일치하는 콘텐츠 광고를 넣기 위해 본문 치환자를 찾아봅니다. 레터 스킨에서는 해당 치환자가 2번 나옵니다.

 

첫번째 나오는 것은 356번 행에 나옵니다.

첫번째 위치

기본 값일 때 356번 행에 해당 치환자가 나옵니다. 바로 뒤에 이어서 태그가 나오는 것을 보니, 레터 스킨은 애드센스 광고 코드를 첫번째 치환자 뒤에 넣는 것이네요

 

두번째 치환자 위치

두번째 위치는 태그가 주변에 안 보이니 이곳이 아닙니다. 항상 '태그'가 주변에 보이는지를 살펴보시면 찾기 쉽습니다.

 

 

레터 스킨 요약

  • 애드센스 일치하는 콘텐츠 위치는 첫번째 article_rep_desc 치환자 뒤와 </div> 사이
  • 군더더기 없는 깔끔한 디자인의 1단 스킨 
  • 좌측 메뉴로 카테고리 등 필요한 정보 팝업

 

[다른 스킨 글 보기]

그리드형(광고전용)

댓글