본문 바로가기
블로그,IT/애드센스

티스토리애드센스 사이드바 예쁘게 광고넣는방법

by 여름고길이 2017. 2. 25.


티스토리블로그를 하면서, 애드센스광고삽입하는법을 몇개 올려드렸는데요. 오늘은 티스토리에 애드센스 광고 사이드바삽입하는방법입니다. 






기존에 광고삽입하던 방법과 약간 다른방법입니다.

기존에 애드센스사이드바 삽입하다보면, 좌측, 우측으로 몰리는 현상을 볼 수 있었을겁니다. 

오늘은 좀 보기 좋게 삽입하는 법 입니다.




애드센스 광고단위에 들어가보면,광고크기를 선택하면 됩니다. 

일반적으로 사이드바는 광고크기 300*600을 선택을 하셔도 되고, 원하시는 광고크기를 선택하시면 됩니다. 


개인마다 애드센스 사이드바 광고크기 선택은 자유로우니깐.. 

이름은 간단하게 선택해서 입력하고, 제가 선택한 큰 스카이스크래퍼를 선택하면 됩니다. 




저장및코드 생성"을 클릭하면 됩니다.






광고코드를 복사해서 메모장에 붙혀넣기 합니다.





이렇게 메모장에서 확인해보면, 프라하사이드바 이것이 보일겁니다.





프라하사이드바라고 적혀있는것은 사이드바광고크기 이름으로,, 지워두셔도 상관없습니다.





메모장에 티스토리애드센스사이드바광고는 일렬로 만들어놓으세요.





메모장에. 확인하시면, 이부분,, 역슬래시가 있는지도 확인 하세요.. 





이젠. 티스토리 꾸미기에 들어가서 사이드바로 들어가면 됩니다.





사이드바를 클릭해서 보면  아마 기본모듈에 HTML배너출력+ 이런 것이 안보인다면, 플러그인설정으로 들어가면 됩니다.




플러그인설정에서 보면, 배너출력을 확인하고 톱니모양을 클릭하면됩니다.





배너출력, 사이드바에 배너를 출력해줍니다 라고 확인함됩니다.






확인을 누르면 끝.. HTML배너출력 기본모듈은 이렇게 만들어집니다.




이젠. 다시 사이드바로 들어가보면,HTML배너출력+이것이 보일겁니다. 





배너출력옆에 + 를 클릭하면, 사이드바1에 보일겁니다. 이때 편집... 을 클릭하면 됩니다.




이젠 사이드바에 메모장에 있는 광고코드를 복사해서 HTML소스 삽입하는곳에 붙혀넣기하면 됩니다.




저장하면 끝납니다.







티스토리 블로그 첫화면을 보면, 좌측이나,우측에 보일겁니다. 

기존에는 광고코드를 그냥 사이드바에 붙히게 되면,, 좀 예쁘게 광고삽입이 안되었는데..

이번에는 좀 잘된것을 확인할수 있을겁니다.