반응형
fastboot 1.6.2 반응형 스킨으로 변경 한 뒤에 구글 애드센스 수익을 활성화 시키기 위해서 다양한 레이아웃으로 광고를 배치해보고 있는 중이다. 오늘은 그 중에서 블로그 검색 게시글 리스트(카테고리별 게시글 리스트 포함) 상단에 구글 애드센스를 넣는 방법에 대해서 알아보고자 한다. fastboot의 경우에는 개발자님께서 친절하게 광고의 위치를 잡아놓으셔서 광고 삽입이 굉장히 쉬우니 걱정 말고 따라해보자.
fastboot 1.6.2 반응형 스킨 설치에 대한 정보가 궁금하신 분들은 하단 링크를 참고하세요.
원하는 위치는 상단 이미지처럼 카테고리를 누르거나, 블로그 내에서 게시글 검색을 했을때 나오는 게시글 리스트 가장 상단에 위치하는 광고를 삽입해 보겠다. 상단에는 가로형으로 들어가는게 좋거니와 현재 반응형 스킨을 사용하고 있으므로 구글 애드센스 광고 유형 중 [텍스트 및 디스플레이 광고 / 반응형]으로 선택해서 진행해보기로 한다.
티스토리 관리자모드 - 꾸미기 - HTML/CSS 편집에 들어간다.
HTML 화면 아무데나 클릭을 하고 Ctrl+F를 누르면 찾기(검색)가 활성화된다. 검색부분에 clearfix를 입력하면 개발자님이 코멘트 해둔 추천 광고위치 2가 나온다. 검색 결과 상단 부분이다. <!--F 추천 광고위치2 : 검색결과 상단 부분 --> 해당 코멘트 아래에 애드센스 코드를 붙여넣으면 된다.
저장을 누른 후에 블로그에 가보면 반영된 것을 확인 할 수 있다.
반응형
'정보 공유 > 블로그 가이드' 카테고리의 다른 글
| 티스토리 / 네이버 블로그 썸네일 대표 사진 지정하기 (1) | 2018.01.08 |
|---|---|
| fastboot 갤러리 상자 및 글꼴 색상 변경하기 (0) | 2018.01.05 |
| 구글 애널리틱스 가입 티스토리 블로그 적용 (0) | 2017.12.28 |
| 티스토리 블로그 스킨 변경하기 (0) | 2017.12.27 |
| 구글 애드센스 신청 하위 도메인 오류 해결 방법 (0) | 2017.12.26 |
