티스토리 블로그에 애드센스 광고 안나오게 설정하는법

티스토리 블로그에 애드센스 광고와 티스토리 블로그 자체광고가 복합적으로 나오게 되면서 일반적인 광고 설정만으로도 티스토리 블로그는 이제는 광고 때문에 본문을 거의 볼 수 없는 지경이 되어버리는 경우가 많다. 본문 내용을 충분히 보여주면서도 광고가 적재적소에 들어가서 자연스러운 흐름으로서 광고가 보여져야 작성자에게도 좋고, 그리고 광고를 보는 사람에게도 좋은건데... 지금은 어쩐 이유에서인지 티스토리의 광고 같은 경우 구글애드센스랑 티스토리 자체 광고랑 이것저것 막 덕지덕지 붙어가지고 본문을 거의 볼 수 없는 상태이고 완전히 전단지가 화면 전체에 다 붙어버린 것 같은 느낌이었다.

그래서 이번에 `과감하게` 티스토리 블로그에서 광고를 아예 다 빼기로 결심했다. 그리고 실제로 다 뺐다. 그런데 티스토리에서 기존에 존재하던 광고를 다 빼는것도 이게 쉬운 일이 아니었고 인터넷 검색을 해봐도 적당한 정보를 찾기가 어려워서 좀 시간을 써서 이리저리 해보게 되었고 결과적으로는 지금 PC화면에서도 광고가 나오지 않고, 모바일 화면에서도 광고가 안나오고, 1차 도메인에서도 광고가 안나오고, 2차도메인에서도 광고가 안나오도록 설정할 수 있었다.

일단 기존에 달려있던 광고들을 보게되면... (PC버전)

일단 화면 본문 상단에서부터 곧바로 광고가 세로로 2개가 줄줄이 나열되면서 첫화면에서도 스크롤 없이는 본문이 보이지도 않게 되어버렸다. 가로로 2중으로 배치를 해야 상단 광고 효과가 나는건데 세로로 배치되어서 골치아프게 된 상태였다.

본문에서도 각 글자마다 내가 원하지 않는 곳에 링크가 걸리거나 추가 버튼이 생기는 등 의도하지 않게 광고가 들어가게 되었다.

 

위 이미지의 광고 같은 경우에도 마치 본문에서 글 작성자가 직접 버튼을 넣은것처럼 디자인되어 있지만, 실상은 그렇지 않은 자연적으로 만들어진 광고인데 본문 내용과 어울리지 않는 광고가 붙기 때문에 없애고 싶었다. `어차피 이런 광고는 수익도 크지 않다.`

 

이쪽도 마찬가지.

 

글 아래쪽 하단에서도 마찬가지.

 

해시태그 공간도 광고가 붙었고

 

글 하단에도 광고가 덕지덕지 붙어있었다.

 

사이드바에도 광고가 들어가있었는데 사실 사이드바 광고는 의도한 것이다. 유일하게 사이드바 광고만 의도한대로 노출되었고 나머지는 다 의도하지 않은 방향으로 광고가 설정되었다.

---

 티스토리 블로그에 애드센스 광고 안나오게 설정하는법

일단 티스토리 관리자 화면으로 들어간다.

`수익`에서 `애드센스 관리`로 들어간다.

 

여기에서 `연동 해제`를 클릭해서 구글애드센스 연동을 해지시킨다.

 

`확인` 눌러준다. 

이론상으로는 이렇게하면 티스토리 블로그에서 구글 애드센스 광고가 나오지 않아야한다. 

 

그런데 이상하게 구글 애드센스 광고인지 아닌지 잘 모르겠는 이상한 광고가 이상하게 이렇게 계속해서 표시되는 문제가 있었다. 이 광고는 화면 상단에 있었다가, 하단에 있었다가, 어떨땐 나오고, 또 어떨땐 안나오고 하면서 또 짜증나게 만들었다.

 

일단 `HTML 수정`으로 들어가서 `Ads`라고 검색한 다음 코드를 보고

 

광고 관련된 코드들을 주석처리해주었다. 주석처리는 앞 부분에 `<!--` 를 넣고 끝부분에 `-->`를 넣으면 된다.

 

다른곳도 주석처리를 해주었다.

그런데도 이상하게 이상하게 계속해서 위 광고가 나타나길래 도저히 해결이 안될것 같아서 티스토리 고객센터에 문의를 해보았다. 아무래도 티스토리 자체 광고 같았기 때문이다.

 

이미지까지 첨부하였는데도 불구하고 이미지를 본건지 아닌지 모르겠으나 거의 로봇 답변 같은 답변 메일이 와서 상당히 아쉬웠다. 그리고 아무것도 해결할 수 없었다.

 

블로그 화면을 뜯어보던중 `페이지 소스 보기`를 통해서 HTML 코드를 뜯어보다가 해당 광고가 data-tistory-react-app="NaverAd" 로 시작하는 광고라는걸 알게 되었다. 이게 왜 들어가있고 과거에 어떤 추가를 했었는지는 기억도 안나고 잘 모르겠어서 그런걸 알아보는건 패스하고 곧바로 이 광고를 표시되지만 않게끔하는 CSS 코드를 추가해주었다.

 

/* 네이버 광고 영역 강제 숨김 */
div[data-tistory-react-app="NaverAd"] {
    display: none !important;
}

위 코드를 티스토리 `스킨편집` - `HTML수정`에서 `CSS` 있는 곳에 추가해주면 된다.

이렇게하니까 티스토리 블로그에서 광고가 나오지 않아서 해결이 되었다. 와우! 그런데 이건 2차 도메인 기준이었고 1차 도메인에서 테스트해보니까 또 구글 광고가 나오길래 똑같은 방법으로 찾아보니까

이번에는 data-ad-type="inventory" 로 시작하는 코드로 인해 광고가 나오고 있었다.

/* 티스토리 카카오/애드센스 자동 광고 강제 숨김 */
ins.adsbygoogle[data-ad-type="inventory"] {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
}

위 코드를 CSS에 넣어준다.

여기까지 추가한 다음 저장해서 테스트해보니까 티스토리 블로그에서 말끔하게 광고가 나오지 않게 되었다. 스킨변경 없이 하고싶어서 CSS를 추가하는 방법을 썼다.  

 

스마트폰 화면에서도 광고가 있던 자리에 광고가 안뜬다. 말끔.

 

아주 아주 아주 오래전에 이 블로그에 애드센스 광고 달아서 열심히 글써서 돈 조금이라도 벌어보겠다고 구글 광고 달고 시작했었던 기억이 어렴풋하게 나는데 시간이 흐르고 흘러서 그 광고를 떼는 날이 오다니... 참 세상은 진짜 오래살고 볼 일이다...ㅎㅎ