카카오 애드핏 매체 심사보류: 프로필영역에 광고 가려짐

-
애드핏이 가려져서 보류됐다는데??
관련 글 찾아봐도 모바일 코드 얘기밖에 없고...ㅠㅠ

사이드바 오른쪽으로 어떻게 밀지...
-

 

 

이 글은 이런 고민을 하는 저와 같은 분들을 위해 작성되었습니다.

제 조그만 경험이 누군가에겐 선한 영향력이 되기를 희망합니다.

과정이 보고싶지 않으신 분들은 글 최하단의 "4줄요약"을 참고해주세요

 

 

우선 말씀드리면 저는 코딩을 할 줄도, 배운 적도 없습니다.

그저 유투브 강의를 하나 본 게 다일 뿐.... 거기서 있는 시리즈물 따라하면서 어찌저찌 앱개발 하나 해본게 다입니다.

코딩 1도 모르는 일반인의 수익형 앱개발_유투브 하나로 어플개발 뿌시기!

이번 글은 단지 몇개 정보 찾아서 이렇게 해봤더니 되더라!! 에 기뻐하는 글입니다ㅎ

 

 

---

 

 

얼마전 애드센스 대란이 있었다고 들었는데, 저는 기간에 탑승하지 못한건지 아직 승인을 못 받은 바...

애드핏이라도 수익을 기대하는 중이었어요.

 

그러는중, 왠걸... 믿었던 애드핏조차 보류되었다는 메일을 받게 됩니다.

다른분들 보면 애드핏은 쉽게들 되시던데, 왜 나만!!! 이라는 생각을 했지만,

좌절하기엔 이릅니다. 저는 잡초형 인간이니까요☆

 

왜인고로, 사유를 찾아보니 이렇더라구요.

"해당 매체는 콘텐츠 부족으로 보류되었습니다. 콘텐츠 보충 후 재심사를 요청하여 주시기 바랍니다. 728*90 광고가 프로필 영역에 가려져 비정상적으로 노출되고 있는 것으로 확인됩니다. 광고의 모든 영역이 확인될 수 있도록 정상적으로 설치하신 후 재심사를 요청하여 주시기 바랍니다."

 

 

콘텐츠 부족이야 당시 글이 두개?정도 되었던 상태라 이해하지만

프로필 영역에 광고가 가려졌다는게 무슨소린가 했어요.

그래서 제 블로그를 들어가보니

 

 

아하~ 딱 겹쳐서 가려져(?) 있었다!

(사실 가려지진 않았지만.....후....그냥 그렇다구요 카카오님^^)

 

 

---

 

#0. 사이드바 아이디 확인

여튼 이제 글 수도 조금 채워진 것 같으니 애드핏을 재신청하기로 했어요.

그러기 위해서는 저기 겹쳐진 저 부분을 처리해야 됐구요.

대충 저거 사이드바 옆으로 조금만 밀면 될 것 같은데.... 어떻게하는거지? 티스토리 기본 설정에도 없구ㅠㅠㅠ

 

그래서 결국, 유투브 강의 한번 들은적이 다인 컴퓨터 문법(css)를 수정해보기로 했어요.

(저처럼 할 줄 모르시는 분들도 그냥 글 내용 따라오면서 따라하시기만 해도 되요!!)

 

우선 CSS 수정을 위해서는 구글의 개발자 도구를 봐야 되는데요,

크롬 브라우져로 글이 나오는 페이지에서 F12를 누르면 오른쪽에 괴랄한 문자로 된 창이 하나 추가되요.

이게 개발자 도구란 건데요,

저도 잘 모르지만.... 대충 다루는법을 들어서 사부작사부작 건드려 봅니다.

 

우선 밀 대상인 사이드바의 네임을 확인합니다.

Ctrl+Shift+C 버튼을 누르고, 브라우져상에 커서를 올리면 보이는 요소가 어떤 아이디로 묶였는지 볼 수 있어요.

 

찾았다! 요놈!!

확인해보니 이친구는 "area-aside"라는 놈으로 묶여있더라구요.

그럼 이친구가 오른쪽으로 조금 이동할 수 있게, 왼쪽에 여백을 조금 주면 되겠죠?

 

 

---

 

#1. 블로그편집에서 수정하기

이걸 수정하기 위해 티스토리의 블로그편집 기능으로 들어가줍니다.

"관리"페이지의 왼쪽 하단에 있는 "꾸미기"의 "스킨 편집"으로 들어가주면 됩니다.

 

 

들어와서 "html 편집"을 누르게 되면 또 어려운 문자들이 오른쪽에 위치해 있는데요,

우리의 목적은 저걸 다 해독하는게 아니기 때문에 가볍게 무시합니다.

 

이 페이지에서 왼쪽 위의 "홈"이라고 적혀있는걸 "글"으로 바꿔주시고,

"CSS"라고 적혀있는 탭으로 넘어갑니다.

 

사진은 아직 HTML탭에 머물러있는 사진

 

ctrl+f를 눌러 아까 찾은 아이디, "area-aside"를 검색해줍니다.

 

해당부분이 나오면, "margin"이라 써있는 부분에 들어가 가장 뒷부분의 숫자를 증가시켜줍니다!

(TMI: 순서대로 위-오른쪽-아래-왼쪽 여백을 의미한다고 함)

 

그러면 이렇게 겹쳐서 저의 수익 창출을 방해하던 사이드바가

이렇게 이쁘게 밀려난걸 볼수 있습니다!!!!!!!

 

 

ㅖ아!!!!!!!

 

마지막으로 "저장"후 편집기에서 나가 글 페이지로 가면

아주 잘 된걸 볼수 있습니다(코쓱)

이제 다시 애드핏 신청하러 가봅니다.

 

 

---

 

 

#4줄요약

1. 관리-꾸미기-스킨편집에 들어간다.

2. "CSS"탭에 들어간다.

3. ctrl+f로 "area-aside"를 찾아서 아래 있는 "margin" 부분의 마지막 숫자를 늘려준다.

4. 저장을 누른다. 끝.

 

 

※ 혹시 고수분들 보시고 제가 잘못쓴 부분이 있거나 더 좋은방법 있으면 언제든지 코멘트 부탁드립니다!!