티스토리 반응형 스킨에 애드센스 광고를 넣는 방법(반응형 스킨 사용자만 보세요!)
티스토리 자체 모바일 웹 버전과 티스토리 앱에서도 광고 나오게 하기를 중점으로 요약해보았습니다. 광고를 삽입하는 방법과 광고 위치 광고 모양 등 다양한 방법들이 존재합니다.
처음 광고를 적용할 때 어떤 모양으로 할지 어느 곳에 위치시킬지 광고를 몇 개를 넣을지 어떤 방법으로 삽입시킬지 등등 여러 고민을 하게됩니다.
그래서, 여러 가지 방법들을 제 블로그를 통해 테스트를 해보고 정리를 한번 해보았습니다. 우선 본문 상단 광고부터 설명 들리도록 하겠습니다. 본문 상단 광고에는 보통 두 가지 유형을 가장 많이 사용하는 것 같습니다.
첫 번째는 본문 상단에 일자형(가로가 긴 형태의 광고)
두 번째는 정사각형 모양인데 위치가 최상단(본을 글 바로 위)과 본문 상단 우측 또는 좌측이냐로 나누어집니다.
이중 저는 두 번째 유형인 정사각형 모양의 광고를 본문 상단 우측으로 위치시켰습니다.
위치에 따른 광고 클릭률 같은 것은 배제하고 우선 모양 즉, 디자인적인 측면만 가지고 배치를 했습니다. 디자인이라는 게 사람마다 느끼는 차이는 있겠지만요.
자 모양과 위치를 정했으니 깐 어떤 방법으로 광고 코드를 넣을지 알아봅시다. 검색을 해보면 총 네 가지 방법들이 있더군요.
첫 번째 티스토리 플러그인을 이용한다.
두 번째 스킨 편집 창을 이용한다.
세 번째 글쓰기 창에 직접 또는 서식을 이용한다.
네 번째 자바스크립트를 이용한다.
위 4가지 방법 정도로 압축이 됩니다. 본문 상단일 경우 가장 많이 사용하는 방식은 플러그인을 이용하거나 스킨 편집창 html 쓰는 곳에 넣는 경우가 아닐까 생각됩니다. 그런데 반응형 스킨 본문 상단 광고에서 위 4가지 방법들을 테스트해보니 각각 장단점이 있었습니다.
티스토리 애드센스 플러그인을 사용할 경우 가장 편하고 확실한 방법입니다. 왜냐고요? 위 4가지 방법 중 첫 번째 방법인 플러그인을 사용하는 경우와 세 번째 방법인 글쓰기 창(에디터 창)에 직접 코드를 넣을 때에는 PC번전에서도 보이고 모바일 웹 버전과 티스토리 앱에서도 보입니다. 이게 제가 테스트한 결과 중 가장 중요한 사항입니다.
참고: 부제목이 반응형 스킨입니다. 반응형 스킨에 대한 얘기입니다. 그중 티스토리 반응형 스킨에 애드센스 광고를 넣는 방법 중 티스토리 모바일 웹 버전과 티스토리 앱에서도 광고 나오게 하기를 중점으로 설명 중입니다.
난 반응형 스킨이라 티스토리 자체 모바일 웹 버전은 사용하지 않는다고 체크했는데 모바일 웹 버전 이랑 뭔 상관이야 하고 생각이 되죠? 그런데 말리죠 모바일 버전을 사용하지 않는다고 체크했어도 접속은 됩니다. 본인 티스토리 주소 마지막에 m을 넣으면 티스토리 자체 모바일 버전으로 갑니다.
http://boogong.tistory.com/m
모르셨던 분들은 한번 해보세요. 물론 일부러 이렇게 접속하시는 분은 없겠지만요. 그런데 뭐가 중요하냐고요.
티스토리 모바일 앱을 사용하시는 분들이 있죠. 저도 댓글 알람 때문에 사용합니다. 이 티스토리 모바일 앱에서는 반응형 스킨이라도 본문 내용이 티스토리 자체 모바일 웹 버전처럼 나옵니다.
또, 카카오 채널 아시죠. 카카오톡에 보면 채널이라는 게 있죠. 이곳 메인에 본인 블로그가 게재되는 경우가 있습니다. 여기에 게재가 되면 엄청난 방문자가 생긴다고 합니다.
어떤 분 말로는 하루에 4만 명이 접속하셨는데 광고 클릭은 평상시와 또 같았다고 합니다. 채널에서 접속한 화면을 보니 광고가 하나도 안 나왔다고 합니다. 그래서 반응형 스킨이라도 티스토리 자체 모바일 웹 버전에도 신경을 써야 한다는 거죠.
그럼 어떻게 해야 나올까요? 앞서 말씀드렸듯이 애드센스 플러그인을 사용하시던지 아니면 글쓰기 창에서 글을 쓸 때 직접 코드를 넣는 방법밖에는 없습니다.
왜냐고요 이 모바일 웹 버전과 티스토리 앱은 본문에 있는 내용만을 가져갑니다. 즉, 스킨 편집창 html에 넣는 경우와 자바스크립트를 이용해서 본문으로 광고를 이동시키는 경우에는 모바일 웹 버전에서 안 나오는 이유는 본문 내용만 가져가서입니다. 티스토리 치환자 중 ##_article_rep_desc_## 이 부분만을 가져가니깐 이거 위에 작성하거나 아래에 작성한 내용은 안 나 오죠.
첫 번째 난 티스토리 자체 모바일 웹 이건 앱이건 카카오톡 채널이건 다 필요 없다. 그냥 티스토리 내 주소로 접속하는 또는 검색으로 들어오는 것만 잘 나오면 된다. 그러면 어떤 방법으로 사용하든 상관없습니다. 본인이 편한 방식을 사용하면 됩니다.두 번째 난 모바일 웹 버전까지도 광고를 나오게 하겠다. 그런데 광고 모양은 본문 글 바로 위에 정사각형이든 긴 사각형이든 넣겠다 그러면 구글 애드센스 플러그인을 사용하시면 됩니다세 번째 난 모바일 웹 버전에서도 광고 위치 난 모양을 잡고 싶다 그러면 저처럼 혼용을 하면 됩니다. 광고 코드는 글쓰기 창에 직접 넣고 스타일 코드는 구글 애드센스 반응형 플러그인에 넣으면 됩니다.
마지막으로 본문 하단 광고입니다.
본문 하단 광고는 본문 상단 광고와 같습니다. 여기서도 티스토리 자체 모바일 웹 버전과 티스토리 앱에서 나오게 하려면 글 작성할 때 글쓰기 창에 직접 코드를 넣거나 플러그인을 사용하시면 됩니다.
본문에 직접 넣는 경우와 플러그인으로 넣는 경우에 차이점은 위치가 조금 다르다는 것입니다. 플러그인으로 넣으면 모바일 창 최 하단에 위치합니다. 만약 텐핑(10 ping) 같은 다른 광고가 있다면 이 광고 밑으로 들어가게 됩니다. 본문에 직접 넣은 것은 본문 끝나는 부분에 나타나니 참고하세요’
