티스토리 반응형 스킨 - 카테고리 및 리스트 상단에 광고 넣기

2018. 1. 3. 17:32블로그 관리/티스토리

티스토리 블로그를 개설하시고 운영하시는 많은 분들은 작게나마 광고 수익을 올리고자 하실거에요. 돈을 밝히는게 나쁜 건 아니에요. 오히려 한국 사람들은 돈을 밝히는 걸 부끄럽게 여기고 천시하는게 문제라고 생각해요.


하지만 수익을 올릴려고 너무 무분별한 광고를 넣는다고 해도 무조건 수익이 올라가는 건 아니에요. 결국 방문하는 분들에게 양질의 정보를 제공하고 일회성이 아닌 자주 방문할 가치가 있겠다 느끼게 만들 수 있어야 수익 또한 이에 비례에 올라가리라 생각해봅니다.


이번 시간에는 약간의 수익을 더하면서 비어있는 공간에 광고 하나를 넣는 것이죠.



티스토리 반응형 스킨에 카테고리 및 리스트가 있어요. 우리가 블로그를 하면서 이것저것 분류해 놓았잖아요. 그런 카테고리를 말하는겁니다.




제 블로그 홈 화면에서 보면 위 그림같은 곳이 카테고리죠. 이 카테고리를 클릭해보세요.



갤러리 또는 리스트 또는 제목 어떤 형태로 보이든 간에 저 빨간색 네모칸으로 해둔 공간에 어떤 광고도 없는게 보이시죠. 저 공간에 광고를 넣는걸 할겁니다. 하지만 대부분 검색을 통해 들어오는 분들이 대다수이기에 이렇게 찾아서 보시는 분들은 많지 않으니 광고를 설치한다고 많은 수익이 늘어난다고 볼 수는 없어요.


그래도 약간의 개선의 여지가 있다면 해봅니다. 블로거에게는 그런 노력하는 자세가 필요하다고 봐요.

우선 애드센스에 광고를 하나 만들어야 하는데요. 새광고 만드는 법에 대해 다시 설명하기 보다는 예전 글을 인용할게요. 감사합니다.



관련글 :   새광고만들기   (새광고만들기를 클릭하시면 해당 글을 보실 수 있어요~)


[구글 애드센스] - [내 광고] - [광고 단위] - [+ 새 광고 단위] - [텍스트 및 디스플레이 광고] - [자동 크기 반응형] 선택하고 [저장 및 코드 생성]을 클릭합니다. 그러면 [광고 코드]가 나오는데 그걸 복사하여 자신의 블로그 홈으로 갑니다. 

- 관련글 링크에 새광고만들기 링크 클릭하시면 그림과 함께 자세히 설명 나와 있으니 잘 모르시겠다 하는 분들은 참조 부탁드립니다. 




[블로그관리 홈]에서 [HTML / CSS 편집]을 눌러주세요.




[HTML]에서 [Ctrl+f]를 눌러서 clearfix 를 찾습니다.

그럼 저렇게 추천 광고위치 검색결과 상단 부분이라고 그 위에 clearfix를 찾을 수 있으실거에요.


저 [추천 광고위치 2 : 검색결과 상단 부분] 밑에다 애드센스 코드를 붙여넣기를 합니다. 





이 떄 광고 코드 위 아래 부분에 <BR> <BR>을 넣어서 그 사이에 광고 코드를 붙여 넣어주세요. 그래야 카테고리 내 광고가 너무 붙어 보이지 않습니다.





그럼 이렇게 카테고리 및 리스트 내 상단에 광고가 들어가 있는걸 확인하실 수 있을겁니다. 블로그 하시는 분들 수익에 약간이라도 도움이 되길 바랍니다.



이전글

2017/12/30 - [블로그 관리] - 티스토리 반응형 스킨 패스트부트(FastBoot v1.6.2)

2017/12/31 - [블로그 관리] - 티스토리 사이드바 광고 넣기

2018/01/01 - [블로그 관리] - 반응형 스킨 FastBoot - 티에디션 홈화면 상단에 광고 넣기