티스토리 #1 메인 좌측, 우측에 광고다는 방법 002.

 안녕하세요. 포니부하곰입니다. 티스토리를 운영하면서 예전에 네이버 블로그를 할 때는 몰랐던 HTML에 대해서 알아가고 있습니다. 광고는 어떻게 어느 위치에 어떤 소스를 사용해서 붙여야 하는 것이며, 어떤 것을 입력했을 때 그건 어떤 명령인 지에 대해서 말이죠. 

 하지만 티스토리는 굳이 HTML을 사용하지 않아도 플러그인 설정만으로도 광고를 붙일 수 있습니다. 다만 원하는 위치에 광고를 붙이고 싶은데 플러그인으로는 안된다면 HTML를 사용하면 좋습니다. 많은 분들이 글을 작성하셨고 그로 인하여 금방 원하는 정보를 쉽게 알아낼 수 있습니다. 

 저도 그렇습니다만 다양한 디스토리가 있고 사람마다 성향이 다르기 때문에 본인이 원하는 방식으로 만들기 위해서는 약간의 수정? 고침?은 필요하다고 생각합니다.

 PC로 제 티스토리를 들어왔을 때의 화면입니다. 화면 우측에 300*600사이즈의 광고가 있는 것을 볼 수 있습니다. 참고로 제 티스토리의 스킨은 반응형 #1 스킨입니다. 

 원래 화면의 왼쪽 오른쪽은 빈 공간이었습니다. 그런데 다른 티스토리를 둘러보는데 다들 좌측 혹은 우측에 다양한 광고가 붙어있는 것을 보았습니다. 그래서 '나도 한 번 붙여보자'는 생각으로 관리 - HTML/CSS 편집을 통해서 광고를 설정할 수 있었습니다.

 2017/06/17 - [컴퓨터] - 티스토리 #1 메인 좌측, 우측에 광고다는 방법

 처음 광고를 붙였을 때는 fixed라는 입력어가 들어간 소스를 사용했었습니다. fixed를 사용하면 스크롤을 위 아래로 움직여도 광고가 화면을 따라서 움직입니다. 그런데 이러한 방식이 구글 애드센스에서는 '이동식 상자 스크립트'라는 것으로, 넓게 보면 AD 광고를 임의로 TI 광고로 변형하는 것이므로 애드센스에서 지양하는 것이라는 이야기를 알게 되었습니다.

 그래서 해당 소스에서 fixed를 absolute로 변경하여 사용하고 있습니다. 변경 후에는 다른 광고들과 같이 그 장소에 고정되어 있는 것을 확인할 수 있습니다.

 그러나 붙여 넣은 광고가 클릭이 안되는 문제가 발생했습니다. 여기 저기 알아보아도 저와 같은 케이스를 찾을 수가 없어서 어떻게 해결을 해야할 지....