[simple gray 3.0] 본문 상/하단에 구글 애드센스 넣기
2015. 11. 30. 17:36,
티스토리/simple gray,
※ 이 가이드는 simple gray 스킨 전용입니다. 다른 스킨에는 적용되지 않습니다.
티스토리에서 본문에 애드센스를 추가해주는 플러그인이 있지만, 반응형을 지원하지 않습니다.
(왜 못하게 해놓은걸까요?)
이 글에선 간단한 편집으로 애드센스 추가 방법을 다루려고 합니다.
제목에서 본문 상/하단이라고는 했지만 실제 광고가 들어가는 부분은 다음과 같습니다.
상단 애드센스 위치
하단 애드센스 위치
플러그인을 사용해 광고를 넣으면 공감버튼과 CCL 아이콘 사이에 애드센스 광고가 추가되는데, 그렇게 넣기 위해선 jQuery 를 사용해야 하기에 설명을 다음 기회로 잠시 미뤄두겠습니다.
본론으로 돌아와,
skin.html 파일의 129 ~ 131번째 줄을 보면 다음 소스가 있습니다.
<div class="article"> [#_article_rep_desc_#] </div>
아래 처럼 div
를 추가해주세요
<div class="article"> <div class="adsense_top"> 상단 반응형 애드센스 광고 코드 삽입 </div> [#_article_rep_desc_#] <div class="adsense_bottom"> 하단 반응형 애드센스 광고 코드 삽입 </div> </div>
※ adsense_top과 adsense_bottom은 CSS 에서 꾸미기 쉽도록 임의로 지정한 Class 입니다.
style.css 파일에서 해야 할 일은
.adsense_top { margin-bottom: 15px; text-align: center; width: 100%; } .adsense_bottom { margin-top: 15px; margin-bottom: 15px; text-align: center; width: 100%; }
이렇게만 넣어주면 끝납니다.
이 외의 스타일은 임의로 추가하면 됩니다.