본문 바로가기
블로그 운영

목록상단치환자 해결해드려요! - 티스토리 스킨 수정해서 목록에 애드센스광고 넣기

by 마케터진 2020. 11. 6.
반응형

티스토리에 새로운 광고설정 기능이 나왔죠.

관리자 메뉴에 있는 '수익' 기능으로 애드센스 광고넣기가 더욱 쉬워진 것 같습니다.

관련해서 자세한 내용은 이전 포스트 참고해주세요.

티스토리 애드센스 광고 넣기 - 새로운 '수익' 기능으로 티스토리 광고설정

 

티스토리 애드센스 광고 넣기 - 새로운 '수익' 기능으로 티스토리 광고설정

티스토리가 최근 블로그에 광고를 더욱 편하게 달 수 있는 기능을 출시했습니다. 관리자 페이지에 ‘수익’이라는 기능을 따로 두어서 광고를 쉽게 설정할 수 있게 한 것이에요. 기존에 티스토

marketer-jin.tistory.com

 

이번 포스트에서는 '목록상단치환자' 해결하는 방법 알려드리려고 합니다.

목록상단치환자라니, 뭔 소리야? 하시는 분들도 있으시겠지만,

이 문제를 맞닥드려 보신 분들은 아하! 하시겠죠.

바로 티스토리 목록 부분에 광고를 넣을 때 필요한 코드입니다.

 

제가 사용하고 있는 스킨에는 이 목록상단 치환자가 없었나봐요.

목록 상단 광고를 설정하는 순간, 이런 메세지가 뜨더라고요.

아악!

스킨을 변경하거나 치환자를 스킨에 직접 추가해 달라고 나오죠?

 

스킨을 변경할 수는 없어요! 

이미 여러 플러그인을 심어놓았는데, 스킨을 바꾸면 다시 다 작업을 해야하거든요.

이 스킨도 한번 변경을 한 거였답니다.
(첫 스킨은 'poster' 라는 것이었는데, 사이드바가 없는 스킨 ㅠㅠ

애드센스 광고 설정하다가 사이드바 광고를 넣을 수 없어서 사이드바 있는 스킨으로 찾아서 바꿨어요.)

이럴 줄 알았으면, 목록 상단 치환자가 있는 스킨을 골랐으면 좋았을걸.

하지만, 어떻게 알았겠어요. 그 당시에는...

 

혹시 수정하지 않아도 목록 상하단 광고가 붙는 스킨 알고계시는 분 계시면 댓글 좀 부탁드려요!!

 

여하튼, 스킨을 변경하지 않고 스킨에 이걸 추가하는 걸 해보았습니다!

 

목록 상단 치환자 스킨에 넣기

관리자 페이지 스킨 편집에서 html 편집으로 들어갑니다.

 

여기서 저희는 s_list라는 코드를 찾을거에요.

 

html 페이지를 클릭한 다음 ctrl+f 눌러서 검색 창을 띄운 다음

's_list'를 입력합니다.

그럼 본문에서 해당 코드가 있는 부분이 검색될 거에요.

 

거기에 앞에 '수익' 메뉴 안내문에 나왔던 상단 치환자를 복사해서 넣으면 됩니다.

넣는 위치는, 

<s_list> 아래,

<div class="post-header">

바로 아래 줄에 넣어주시면 됩니다.

말은 쉬운데, <s_list>태그가 쉽게 안찾아질 수 있어요.

 

반응형

 

꼭! html 페이지를 클릭한 다음 그 안에서 컨트롤 f를 누르세요.

위 이미지처럼 html 페이지 안에서 노란 영역이 나오면 거기서 검색을 해야합니다.

티스토리 검색기능으로는 현재 보이는 페이지 밖에 검색이 안되기 때문에, 저도 한참 헤맸어요.

 

이렇게 성공적으로 html 수정을 하시면 적용 하시고,

기존의 관리자페이지 '수익' 메뉴로 돌아오세요.

 

이 때 반드시 브라우저를 한번 새로고침 해주세요.

저는 이 때도 한참 헤맸답니다.

분명 잘 넣은 것 같은데 왜 안될까? 

몇 번 다시 지우고 넣고 아주 진상을...

그러나 해결 방법은 새로고침이었답니다 ㅠㅠ

F5!!!!

 

새로고침 하고 나서 목록 상단 켜주시면 아무 일 없었다는 듯

정상적으로 작동할거에요.

 

사실 목록 하단 광고도 넣고싶었으나,

여러 시도를 해본 끝에 포기했습니다 ㅠㅠ

 

저도 성공적으로 잘 되었으니, 따라만 하시면 여러분도 잘 되실거에요.

화이팅입니다!!


헷갈리면 영상으로 보세요!

8분 정도 부터 스킨에 목록 상단 치환자 넣는 방법을 설명합니다^^

 

 

 

 

반응형

댓글