구글 애드센스 광고가 티스토리 블로그에서 나오지 않을 때 해결방법

구글 애드센스 광고가 티스토리 블로그에서 나오지 않을 때 해결방법

 

애드센스 광고 승인을 받고 광고 코드를 올렸는데 막상 블로그를 들어가면 광고가 나오지 않는 경우로 고민하시는 분은 제가 알려드리는 데로 따라 하면 해결할 수 있습니다.

 

일단 광고코드를 입력한 뒤에 광고가 잘 나오는 게시물도 게시물을 수정하면 광고가 잘 나오지 않는 경우가 있습니다.

그 이유는 광고코드를 티스토리에서 일반 코드와 동일하게 인식하고 특정 코드를 자동으로 삭제하기 때문입니다. 왜 삭제하는지 그 이유는 모르겠지만 티스토리에서 설정한 코드에서 자동으로 부분 삭제를 합니다. 그리고 HTML코드를 사용해서 오류를 해결할 수 있습니다.

 

애드센스 광고가 안 나오는 이유

 

광고를 입력한 뒤에 메인 화면으로 이동하면 광고를 삽입한 자리가 계속 빈칸으로 뜨는 경우가 있습니다. 그 원인은 여러 가지가 있을 수 있습니다.

 

브라우저

저 같은 경우에는 크롬이 아닌 파이어폭스 브라우저로 블로그에 접속하는 경우 광고가 잘 뜨지 않는 경우가 있습니다. 따라서 브라우저도 광고 송출을 확인할 때 영향을 받을 수 있습니다. 만약 이런 경우 크롬으로 티스토리 블로그에 접속해서 동일한 현상이 나타나는지 확인해 보면 됩니다. 혹은 핸드폰에서는 정상적으로 뜬다면 시간이 지나서 광고가 정상적으로 뜨는 경우도 있습니다.

 

파이어폭스에서 광고자리가 비어있다.

 

코드오류

코드를 복사할 때 잘 못 복사해서 붙여 넣는 경우 오류가 날 수 있습니다. 애드센스에서 제공하는 코드를 그대로 복사해서 메모장이나 스티커 노트 혹은 본인이 편한 곳에 저장한 뒤에 사용하면 편리합니다. 또는 티스토리의 서식 메뉴를 활용하면 글을 작성할 때 티스토리 글 작성 칸에서 모든 것을 해결할 수 있어서 편하게 광고를 게시할 수 있습니다.

 

바로 게시한 직후

게시한 직후에 광고가 보이지 않기도 합니다. pc에서는 보이지 않지만 모바일에서는 잘 보인다면 시간이 지나면 자동으로 광고가 보일 것이니 걱정하지 않아도 됩니다.

 

 

티스토리에서 코드 자동 수정

광고의 오류로 고생하는 경우는 대부분 이 경우가 원인입니다. 광고코드 중에 <ins>로 묶이는 부분이 있는데 글을 게시한 뒤 혹은 수정한 뒤에 티스토리 프로그램에서 이 코드를 자동 삭제합니다.이 태그는 문서에 텍스트를 표현할 때 사용합니다. 그런데 글을 게시할 때 어떤 이유인지는 모르겠으나 프로그램 자체에서 자동으로 코드의 <ins> 부분을 삭제합니다. 그리고 코드 앞 뒤에 <P> 태그가 추가됩니다. 광고코드 자체를 글이나 다른 것으로 인식해서 자동으로 입력과 삭제를 하고 그 때문에 광고가 나오지 않는 것입니다.

 

 

애드센스 광고 해결방법

 

HTML 코드에 익숙한 분이라면 쉽게 해결하셨을 것 같습니다. 바로 코드를 삭제하지 않도록 HTML 태그를 광고 코드 위아래에 추가해 주면 됩니다. HTML 태그를 사용해서 구역을 설정하면 티스토리에서 자동으로 코드를 삭제해서 광고가 나오지 않는 현상을 해결할 수 있습니다. 바로 div와 span 명령어를 사용하는 것입니다. 이 태그는 별 의미 없는 요소지만 그룹을 만들고 css를 사용할 때 많이 쓰입니다.

 

 

div 코드

 

<div>는 구역 지정하는 태그입니다.레이아웃을 만들 때 사용하기도 합니다. Div는 영어에서 알 수 있듯이 division(분할)을 의미합니다. 웹 페이지 내부에서 텍스트, 이미지 등을 구분하는 데 사용됩니다. 즉 그룹을 만들어서 여러 코드를 덩어리로 묶어 경계를 만들 때 사용합니다. Div 코드는 꼭 <>를 함께 써줘야 합니다.

 

본인의 광고 코드를 글에 넣은 뒤에 코드의 맨 위에 <div>를 입력하고 맨 아래에 </div>를 입력해 줍니다. 그럼 광고코드를 구역으로 묶어서 코드 안의 ins 명령어를 삭제하지 않습니다.

 

Span 코드

Span도 div처럼 특별한 기능이 있는 것은 명령어는 아닙니다. Span은 css 기능을 사용할 때 함께 쓰이는 경우가 많습니다. 가장 많이 쓰이는 기능이 문장을 영역으로 묶어서 스타일을 지정할 수 있습니다. 글꼴색을 바꾸거나 크기, 폰트, 공백 테두리 등을 바꿀 수 있습니다. 여러 스타일을 지정해서 변경이 가능하도록 도와줍니다.

 

따라서 span도 div처럼 영역 구분이 가능합니다. 약간의 차이가 있다면 span은 줄 바꿈이 되지 않습니다. Div가 통째로 구역을 설정한다면 span은 문장 단위를 담당합니다. Span을 사용할 때는 <p> 태그와 함께 사용합니다. P는 paragraph 즉 문단의 약자로 하나의 문단을 만들 때 쓸 수 있습니다.

 

광고 코드를 삽입한 뒤에 맨 위에 <p><span>를 입력하고 맨 끝에 </span></p>를 입력해서 구역을 설정합니다.