티스토리 팀에서 2020년 10월 27일에 "수익" 기능을 제공하기 시작했습니다. 티스토리 공지사항을 확인하고 수익기능 연동을 바로 진행할지 고민했었는데, 좀 더 지켜보겠다고 결정한 지 2개월 정도 지났네요.
지켜보는 기간 동안에 얼리어댑터 분들께서 인간지표(마루타) 역할을 하면서 블로그 포스팅으로 피드백을 남겨주신 덕분에 참고가 많이 됐습니다. 그래서 얻그저께 "수익" 기능에 구글 애드센스를 무사히 연동시켰는데, 적극적으로 글 남겨주신 분들께 감사하다는 인사를 드리고 싶네요.
티스토리 "수익" 기능과 구글 애드센스의 궁합? 안좋아!
수익 기능에 구글 애드센스를 연동했을 때 가장 이상적인 상황은 "광고가 본문보다 먼저 뜨거나 같은 시점에 뜨는 것"이라고 생각합니다. 시선이 본문 쪽으로 먼저 향하는 것을 막을 수 있어서 광고 클릭률(CTR)을 높이는 데 도움이 되기 때문입니다. (참고로 속도가 빠른 티스토리 스킨들이 이런 환경 구축에 유리합니다.)
▼ 그런데 수익 기능에 애드센스를 연동한 블로그들을 봤더니, 본문 로딩과 광고 로딩 사이의 딜레이가 지나치게 긴 경우가 많았습니다. 기다리는 동안 Google AdSense 로고가 출력되던데, 눈에 거슬릴 정도라 불만이 많이 생길 것 같더군요.
▲ 광고가 출력될 때까지 시선을 광고 자리에 고정할 독자는 많지 않을 것입니다!
상단 광고의 수익 비중이 높을수록 이 증상이 수익에 악영향을 미칠 확률이 높은데, 대부분 상단 광고 수익 비중이 가장 높으실테니... 티스토리 수익 기능과 구글 애드센스와의 궁합은 "안좋다"고 봐도 무리가 없습니다. 스킨 속도가 빠르면 증상이 상당히 완화되긴 하겠지만, 스킨 교체는 아주 고통스런 과정이라 큰 결심이 필요하죠.ㅠㅠ
티스토리 애드센스 상단광고 로딩 빠르게 만드는 방법
한편으로는 티스토리 측에서 애드센스의 "지연 로딩(Lazy Loading)"을 의도한 것일 수도 있겠다는 생각이 들긴 합니다. 본문만 최대한 빨리 불러들여 SEO에서 이익을 보겠다는 뜻인 것 같은데, 본문 중간광고부터는 Lazy Load 시켜도 사용성에 문제가 생기지는 않을 것 같긴 해요.
하지만 상단 광고를 지연 로딩시키면 지금처럼 문제가 되겠죠?
▼ 이 분들의 눈물이 느껴지십니까!! ㅠㅠ
그래서 저는 이런 식으로 상단광고 로딩 시간을 빠르게 유지했습니다.
▼ 먼저, 관리자페이지 "수익" 항목에서 구글 애드센스를 연동시켰고...
▼ "애드센스 관리" 란에서는 광고 설정을 아무것도 안했습니다.
▲ 그리고 "스킨 편집" 메뉴의 "html 편집" 메뉴로 들어가서...
▼ 애드센스 코드를 본문이 시작되는 위치에 html로 직접 삽입했습니다. 끝!
(이러면 본문 로딩 시작과 동시에 광고도 로딩이 시작돼요. 애드센스 코드가 비동기식이라서.)
광고 위치 선정하는 방법을 어렵게 생각하실 수 있을 것 같은데, 크롬 개발자도구를 활용하면 비교적 수월하게 원하는 위치가 어디인지를 알아낼 수 있습니다. (
티스토리 팀에서 2020년 10월 27일에 "수익" 기능을 제공하기 시작했습니다. 티스토리 공지사항을 확인하고 수익기능 연동을 바로 진행할지 고민했었는데, 좀 더 지켜보겠다고 결정한 지 2개월 정도 지났네요.
지켜보는 기간 동안에 얼리어댑터 분들께서 인간지표(마루타) 역할을 하면서 블로그 포스팅으로 피드백을 남겨주신 덕분에 참고가 많이 됐습니다. 그래서 얻그저께 "수익" 기능에 구글 애드센스를 무사히 연동시켰는데, 적극적으로 글 남겨주신 분들께 감사하다는 인사를 드리고 싶네요.
티스토리 "수익" 기능과 구글 애드센스의 궁합? 안좋아!
수익 기능에 구글 애드센스를 연동했을 때 가장 이상적인 상황은 "광고가 본문보다 먼저 뜨거나 같은 시점에 뜨는 것"이라고 생각합니다. 시선이 본문 쪽으로 먼저 향하는 것을 막을 수 있어서 광고 클릭률(CTR)을 높이는 데 도움이 되기 때문입니다. (참고로 속도가 빠른 티스토리 스킨들이 이런 환경 구축에 유리합니다.)
▼ 그런데 수익 기능에 애드센스를 연동한 블로그들을 봤더니, 본문 로딩과 광고 로딩 사이의 딜레이가 지나치게 긴 경우가 많았습니다. 기다리는 동안 Google AdSense 로고가 출력되던데, 눈에 거슬릴 정도라 불만이 많이 생길 것 같더군요.
▲ 광고가 출력될 때까지 시선을 광고 자리에 고정할 독자는 많지 않을 것입니다!
상단 광고의 수익 비중이 높을수록 이 증상이 수익에 악영향을 미칠 확률이 높은데, 대부분 상단 광고 수익 비중이 가장 높으실테니... 티스토리 수익 기능과 구글 애드센스와의 궁합은 "안좋다"고 봐도 무리가 없습니다. 스킨 속도가 빠르면 증상이 상당히 완화되긴 하겠지만, 스킨 교체는 아주 고통스런 과정이라 큰 결심이 필요하죠.ㅠㅠ
티스토리 애드센스 상단광고 로딩 빠르게 만드는 방법
한편으로는 티스토리 측에서 애드센스의 "지연 로딩(Lazy Loading)"을 의도한 것일 수도 있겠다는 생각이 들긴 합니다. 본문만 최대한 빨리 불러들여 SEO에서 이익을 보겠다는 뜻인 것 같은데, 본문 중간광고부터는 Lazy Load 시켜도 사용성에 문제가 생기지는 않을 것 같긴 해요.
하지만 상단 광고를 지연 로딩시키면 지금처럼 문제가 되겠죠?
▼ 이 분들의 눈물이 느껴지십니까!! ㅠㅠ
그래서 저는 이런 식으로 상단광고 로딩 시간을 빠르게 유지했습니다.
▼ 먼저, 관리자페이지 "수익" 항목에서 구글 애드센스를 연동시켰고...
▼ "애드센스 관리" 란에서는 광고 설정을 아무것도 안했습니다.
▲ 그리고 "스킨 편집" 메뉴의 "html 편집" 메뉴로 들어가서...
▼ 애드센스 코드를 본문이 시작되는 위치에 html로 직접 삽입했습니다. 끝!
(이러면 본문 로딩 시작과 동시에 광고도 로딩이 시작돼요. 애드센스 코드가 비동기식이라서.)
광고 위치 선정하는 방법을 어렵게 생각하실 수 있을 것 같은데, 크롬 개발자도구를 활용하면 비교적 수월하게 원하는 위치가 어디인지를 알아낼 수 있습니다. ( 어쩌구~ 하는 티스토리 치환자로 위치를 찾으면 어려울 거예요.)
▼ 찾는 과정을 영상으로 보면 "아~ 이렇게 쓰는 거였어?" 하실 겁니다.
사실, 제가 애드센스 코드를 스킨에 직접 넣었던 시기는 2016년 중반이었습니다. 이번에 수익 기능 생기면서 애드센스 연동만 해준 거예요.
그래서 저는 스킨 html을 직접 만지는 고전적이고 근본적인 방식을 써야 문제 발생 확률이 낮다는 말씀을 드리고 싶었습니다. 최근에 수익 기능 생기면서 애드센스 플러그인이 폐지됐는데, 정작 수익 기능이 2% 부족한 느낌인 것을 보면 티스토리가 전반적으로 어떻게 돌아가는지 짐작이 되실 거예요.
그리고 혹시나 해서 말씀드립니다. 수익 기능에 있는 옵션으로 애드센스를 넣든 html로 광고 코드를 넣든 한가지만 택하십쇼. 섞어 쓰면 애드센스 게시자 ID가 2개가 되어 문제가 생기는 것 같습니다. (data-ad-host="ca-host-pub-9691043933427338" 문제)
구글 애드센스 ads.txt 해결 방법? 희망이 보이네!
사실 제가 티스토리 수익 기능에 애드센스를 연동한 진짜 이유는 ads.txt 문제를 해결하고 싶어서였습니다.
▼ 애드센스 관리자 페이지 상단에 항상 떠있는 경고창이 무서워 보이더라고요.
광고 노출에 문제가 생길까봐 수익 기능 적용을 미뤄왔었는데, 이제 티스토리 팀의 진행 일정에 맞출 수 있게 되었습니다. 기다리는 일만 남았네요.
※ 참고할만한 글
- 쿠쿠티비 최신주소 무료 TV드라마/영화 다시보기 사이트 넷플릭스 안녕?
▼ 찾는 과정을 영상으로 보면 "아~ 이렇게 쓰는 거였어?" 하실 겁니다.
사실, 제가 애드센스 코드를 스킨에 직접 넣었던 시기는 2016년 중반이었습니다. 이번에 수익 기능 생기면서 애드센스 연동만 해준 거예요.
그래서 저는 스킨 html을 직접 만지는 고전적이고 근본적인 방식을 써야 문제 발생 확률이 낮다는 말씀을 드리고 싶었습니다. 최근에 수익 기능 생기면서 애드센스 플러그인이 폐지됐는데, 정작 수익 기능이 2% 부족한 느낌인 것을 보면 티스토리가 전반적으로 어떻게 돌아가는지 짐작이 되실 거예요.
그리고 혹시나 해서 말씀드립니다. 수익 기능에 있는 옵션으로 애드센스를 넣든 html로 광고 코드를 넣든 한가지만 택하십쇼. 섞어 쓰면 애드센스 게시자 ID가 2개가 되어 문제가 생기는 것 같습니다. (data-ad-host="ca-host-pub-9691043933427338" 문제)
구글 애드센스 ads.txt 해결 방법? 희망이 보이네!
사실 제가 티스토리 수익 기능에 애드센스를 연동한 진짜 이유는 ads.txt 문제를 해결하고 싶어서였습니다.
▼ 애드센스 관리자 페이지 상단에 항상 떠있는 경고창이 무서워 보이더라고요.
광고 노출에 문제가 생길까봐 수익 기능 적용을 미뤄왔었는데, 이제 티스토리 팀의 진행 일정에 맞출 수 있게 되었습니다. 기다리는 일만 남았네요.
※ 참고할만한 글
- 쿠쿠티비 최신주소 무료 TV드라마/영화 다시보기 사이트 넷플릭스 안녕?
'블로그 관리법' 카테고리의 다른 글
| 티스토리 구에디터 → 신에디터 체제로 전환 후기(티스토리 새 에디터) (10) | 2020.12.25 |
|---|---|
| 수능 시험 끝? 수험생에게 추천하는 블로그수익 100만원의 길, 티스토리 (2) | 2020.11.27 |
| 티스토리 애드센스 본문에 매칭됐는지 확인하는 간단한 방법 (0) | 2020.11.15 |