티스토리 반응형 모바일 애드센스 삽입하기 : 반응형 웹 skeleton 스킨블로그를 운영하는 분들이라면 이제는 모바일을 통한 유입도 신경쓰지 않을 수 없습니다. 스마트폰이나 테블릿 등의 통칭 모바일기기가 엄청나게 보급되어 있을 뿐만 아니라 접근성이 좋다는 이유(지하철이나 버스, 이동 중 등의 상황에서)에서 모바일 웹 검색이 PC로 인터넷을 사용하는 것 만큼 보편화 되었습니다. 모바일 유입이 상승한만큼 모바일에서의 트래픽도 더 이상 간과할 수 없는 수준에 이르렀습니다. 구글 애드센스 등 블로그에 광고 플랫폼을 설치하여 운영 중인 블로거라면 이러한 모바일 트래픽을 어떻게 수익으로 연결할 수 있을지 생각해 볼 필요가 있습니다. 티스토리에서는 여타 다른 블로그 서비스와는 차별화되게 별도로 모바일 스킨을 제공하고..
티스토리 skeleton 반응형 스킨에서 구글 애드센스 본문 상단에 2개를 배치해봅시다. 이번에 Skeleton 반응형 스킨으로 디자인을 바꾸면서 구글 애드센스의 코드도 함께 바뀌었습니다. 애드센스 자체의 코드가 바뀐건 아니고, 애드센스 주변을 구성하는 틀 자체가 바뀌었다고 해야겠군요. Skeleton 스킨은 반응형 스킨이기 때문에, 일반적으로 티스토리에 애드센스 광고를 넣듯이 고정형 애드센스를 배치해버리면 모바일이나 해상도가 낮은 기기에서도 크기가 줄어들지 않은 광고가 나타납니다. 마크쿼리님이 제공해주시는 스킨을 사용하시는 티스토리 블로거분들을 몇 곳 방문해 보았는데, 실제로 고정형 애드센스를 넣어둔 분도 계시더군요. 지금 당장은 큰 문제가 없는 것처럼 보입니다만, 모바일 화면에서 사이즈가 큰 광고가 ..
최종적으로는 블로그 본문에서, 구글 애드센스와 뷰애드박스를 설치 후 정상 표시 하기 위함입니다. 최종적으로 구현하고자 하는 모습입니다. 즉, 좌측에는 구글 애드센스를, 우측에는 뷰 애드박스를 설치하고, 그 다음 줄 부터 본문내용을 시작하고 싶다는 것이지요 ^^ 최상단 구글 광고는 있어도 되고, 없어도 되는 구조입니다. 소스코드 상에서 구글 애드센스 스크립트를 div style 코드로 정렬이 되지 않으면 아래처럼 나타나곤 합니다. 본문 시작 텍스트가 구글 애드센스와 뷰 애드박스 사이에 위치해 버리는 것이죠. 모든 배경이 흰색이기 때문에 눈에 안보이는 것일 뿐... 실제로는 구글 애드센스와 뷰애드박스 사이에 공간이 있기 때문입니다. 최종 목적은 텍스트 본문 정렬이기 때문에, 저곳의 빈공간을 어떻게 없애는지가..
