본문 바로가기

블로그TIP

 (7)
티스토리-애드센스TIP, 모바일에서 반응형 광고 잘리는 경우 티스토리 애드센스를 처음 운영할 때, 광고디스플레이는 설정 후에 꼭 확인을 해주셔야 합니다. 나중에 셋팅이 잘못된 점을 발견 했을 땐 이미 게시물들이 많아 수동으로 하나씩 바꾸는건 많은 시간이 들어가기 때문입니다. 이번 포스팅에서는 초기 셋팅할 때 반응형 광고가 모바일 기기에서 잘리는 현상에 대한 대처법에 대해서 포스팅 해보겠습니다. 애드센스 페이지에서 광고코드는 복사해서 사용할 수 있도록 되어있습니다. 초기 셋팅 때 코드를 그대로 가져와서 사용할 때 PC버전은 이상이 없지만 간혹 모바일로 티스토리 블로그를 볼 때 광고가 잘려서 나오는 것을 볼 수 있습니다. 혹시 사진으로 직접 찍은거라 구분이 잘 안가신다면, 광고 노출이 올바른 경우를 보여드리겠습니다. 티스토리 블로그에 노출된 애드센스 광고의 우측 상단..
모바일 친화력 점검 & 블로그 이미지 최적화 팁 블로그 운영을 하면서 보다 많은 검색유입을 목표로 한다면, 모바일 친화력 점검과 블로그에 사용하는 이미지를 최적화하는 방법은 반드시 알아야 할 부분입니다. 블로그를 운영하다 보면 모바일 유입 비중이 PC 유입대비 상대적으로 높음을 알 수 있습니다. 최근에는 반응형 블로그 테블릿들이 많이 나와서 크게 신경 쓸 이유가 없지만, 그래도 모르니 모바일 친화력 테스트는 한 번 해보심이 좋습니다. 구글에서 제공하는 모바일 친화력 테스트 페이지는 간단히 내 블로그 주소만 입력하면 됩니다. 모바일 친화성 테스트 : https://search.google.com/test/mobile-friendly?hl=ko 구글쪽 유입에 신경을 쓰신다면 필수 체크 사이트입니다. 물론 네이버의 경우 네이버 웹마스터 도구를 통해서 최적화..
티스토리 본문 우측에 애드센스 삽입하기 오랜만에 블로그 운영관련 포스팅을 하게 되었습니다. 요즘 애드센스는 거의 방치상태로 두었는데요, 수익은 뭐 그렇게 기대하지 않고 있습니다. 별로 궁금해하시지 않을꺼 같아서 비공개합니다. 2014/02/18 - [블로거/운영하기] - 티스토리 본문 상단/하단에 애드센스 삽입하기 2014/02/19 - [블로거/운영하기] - 티스토리 반응형 스킨에 구글 애드센스 삽입하기 이전에 했던 포스팅입니다. 오늘은 여기에 추가해서 티스토리 본문 우측에 애드센스 삽입하는 방법에 관하여 포스팅해보겠습니다. 물론 반응형 스킨을 사용하고 있기 때문에 본문상단에 일반적으로 많이 하시는 300사이즈 광고 두 개, 또는 336사이즈 한 개를 배치하는 레이아웃은 사용하고 있지 않습니다. 어느 것이 더 효율이 좋다 나쁘다는 지금 제 ..
티스토리 반응형 스킨에 구글 애드센스 삽입하기 티스토리 스킨에 구글 애드센스를 삽입하는 방법은 이전에 설명했습니다.(링크 티스토리 본문 상단/하단에 애드센스 삽입하기 ) 하지만 반응형 스킨을 쓰는 분들이라면 좀 다른 방법으로 구글 애드센스를 넣어야 하겠습니다. 화면은 300*500픽셀의 아이폰 화면인데, 애드센스 광고를 300*250 짜리 두개를 삽입한다면, 광고는 모바일 화면을 뚫고 지나가게 노출될테니깐요. 구글 애드센스 반응형 광고 삽입하기 앞서 설명해드렸던 티스토리 본문 상단/하단에 애드센스 삽입하기 와 크게 다른 점은 없습니다. 다만, 같은 원리지만 사용하는 구글 애드센스 광고단위는 다른 것을 사용해야 합니다. 바로 현재 베타버전으로 운영중인 반응형 광고단위를 사용하면 됩니다. 반응형 광고 단위를 선택해서 해당 코드를 받아오면 다음과 같습니다..
티스토리 본문 상단/하단에 애드센스 삽입하기 티스토리 블로그 하시는 분들 중에 구글 애드센스 안하시는 분은 없을꺼라 생각됩니다. 구글 광고를 통해서 수익을 얻기 위해서는 티스토리 블로그 안에 애드센스를 삽입해야 되는데요. 이 중에 가장 기본이 되는 본문의 상단, 하단에 구글 광고 삽입하는 방법을 소개해드리겠습니다. 티스토리 블로그 상단에 애드센스 삽입 가장 많이 사용하는 애드센스 삽입 방식은 300*250, 또는 336*280 사이즈의 광고를 두 개 나란히 배치하거나, 또는 300*250, 336*280 하나를 배치하고 링크형 애드센스를 위 아래에 배치하는 방법이 있습니다. 어느 것이 좋다라고는 꼭 집어 말하기 어렵습니다. 본인의 블로그가, 또는 컨텐츠가 어떤 상황에서 최적화 되어있는지에 따라 다르기 때문입니다. 티스토리 블로그에 애드센스를 삽입하..
티스토리 반응형 스킨 추천, 스켈레톤 설정하기 기존의 티스토리 일반 스킨에서 반응형 스킨으로 바꾸고자 마음의 결정을 내렸다면, 기존 잘 쓰던 스킨의 백업은 잊지 않고 하셨겠죠? 지난번 포스팅한 (링크 : 티스토리 스킨 추천, 블로그를 반응형웹으로 바꾸는 스켈레톤 스킨) 을 하셨다면, 블로그는 반응형 웹 스킨으로 바뀌었을 껍니다. 다만, 바로 사용하는덴 약간의 커스터마이징이 필요합니다. 티스토리 모바일 스킨은 OFF로 티스토리 블로그를 반응형 웹 스킨으로 바꾼 이상, 더이상 모바일웹 스킨은 별도로 사용할 필요가 없습니다. 따라서 모바일웹 스킨 ON을 OFF로 바꿔주세요! 우측 사이드바를 간결하게 수정하기! 티스토리 반응형 웹 스킨은 사이드바 부분은 사이드바 설정에 따라 출력이 조절할 수 있습니다. Recent article와 Recent article..
티스토리 스킨 추천, 블로그를 반응형웹으로 바꾸는 스켈레톤 스킨 최근 반응형웹이 떠오르고 있습니다. 스마트폰, 테블릿PC, 노트북, 데스크탑 등 다양한 디스플레이 환경이 있다보니, 웹페이지 모습은 한결같을 수가 없는 시대가 온 것이죠. 블로그도 마찬가지입니다. 300*500 픽셀의 모바일 디스플레이서부터 700픽셀대의 아이패드나 갤럭시노트, 1000 픽셀대의 12인치 노트북, 2000 픽셀대의 데스크탑에 어떻게 하면 적절하게 DP를 할까 고민하게 되었습니다. 내 티스토리 스킨, 반응형웹으로 바꾸자! 아직 티스토리에서는 반응형 웹에 대비한 공식 스킨은 없습니다만, 티스토리 스킨으로 반응형웹 스킨을 찾을 수 있었습니다. Ungki, H 이라는 분이 운영하는 블로그(http://markquery.github.io/)에서 다운받을 수 있습니다. 좌측 SKELETONS 스킨 ..

티스토리툴바