티스토리 블로그 애드센스 본문 광고 코드 사라지는 현상 해결 방법.

티스토리 블로그를 운영하면서 글을 작성하면서나 글을 작성하고 발행한 이후 수정사항이 있어서 수정을 하기 위해서 들어가보면 종종 광고 코드가 사라져있고, <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> 해당 코드만 남아 있는것을 확인하게 되는 경우가 종종 발생하곤 합니다.

 

이렇게 <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>해당 코드만 남게 되면 결국 광고가 노출되어야 할 공간에 광고가 나오지 않아 애드센스 수익에 영향을 주게 되는데 자신이 작성한 글 중에서 수정을 한 이후에는 반듯이 html모드로 광고 코드가 깨졌는지 혹은 사라졌는지 확인 후에 html모드에서 글을 발행하거나 수정 완료 하는것이 좋겠습니다.

 

그렇다면 이렇게 애드센스 광고 코드가 사라지는 이유는 무엇이고 해결 방법은 없을까? 그리고 애드센스 광고 코드로 인해 로딩 속도가 지연되는것을 개선시킬수는 없을까? 하는 고민으로부터 시작된 해결 방법에 대한 이야기를 함께 공유해 보도록 하겠습니다.

 

오늘 내용도 많은 분들에게 도움이 될 수 있기를 바라겠습니다.

 

애드센스 광고 코드 사라졌을때 해결 방법 썸네일 이미지

 

■ 목차.

1. 애드센스 광고가 나오지 않는 이유.

2. 애드센스 광고 코드 사라지는 현상 해결 방법.

3. 애드센스 광고 코드로 인한 웹페이지 로딩 속도 개선 방법.

 

---

1. 애드센스 광고 나오지 않는 이유.

티스토리 블로그를 운영하면서 애드센스 승인을 받고 광고를 삽입했다면 궁금할겁니다.

내가 작성한 글에서 애드센스 광고가 잘 나오고 있는지 궁금한 마음에 확인해보실텐데, 확인을 해보면 광고가 나와야할 공간이 커다란 공백으로 나온다던지 Adsense 문구만 덩그러니 나오거나 하는 등의 현상들을 확인하실 수 있을것입니다.

 

그래서 광고 코드가 잘 들어갔나? 광고 코드가 사라져있지는 않나? 싶은 마음에 작성한 글을 수정하기로 들어가서 html모드에서 삽입한 광고 코드를 확인해 보면 앞서 말씀드린것처럼 종종 <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> 해당 광고 코드만 남아 있는것을 발견하고 광고 코드가 왜 사라졌을까에 대한 의문과 함께 다시 한번 광고 코드를 삽입해 주게 되는것이죠.

 

이렇게 내가 삽입한 광고가 나오지 않는 원인으로는 우선은 광고를 삽입했더라도 광고가 송출되기까지 일정시간이 경과해야 광고가 송출 되는 경우가 있고, 해당 웹페이지에 대한 조회수와 방문자 관심도가 낮거나 해당 글의 전체적인 문맥과 일치하거나 유사한 광고를 찾지 못한 경우 광고가 나오지 않고 공백 처리 되는 경우가 발생합니다.

 

또한 자신이 작성한 글을 자신이 들어가는것은 우리가 최대한 지향해야할것인데, 자신이 자신의 글을 확인하게 되면 구글의 애드센스에서도 작성자 본인이 접속한것을 알고 있기 때문에 타켓층이 분명하게 정해져 있지 않는 광고들을 주로 송출하게 되기 때문에 방문자가 클릭해 볼만한 광고가 송출 되지 않기 때문에 무의미한 행동이라고 볼 수 있습니다.

 

또한 광고 코드가 사라지는 현상이 언제 가장 많이 발생하게 되냐면 html모드에서 광고 코드를 삽입한 후에 기본 모드와 html모드를 왔다 갔다 하는 행동으로부터 광고 코드가 사라지게 되는 경우를 발견할 수 있습니다.

 

이러한 현상에서 알 수 있듯이 자신이 작성한 글에 광고가 재대로 송출되는지 확인하기 위해서 들어갔지만 광고가 송출 되고 있지 않아서 수정모드로 들어가게 되면 기본적으로 기본모드로 들어가게 되고 광고 코드를 확인 하기 위해서 html모드를 들어가고 광고 코드가 재대로 살아 있거나 수정하러 들어온김에 내용을 수정하기 위해서 또 다시 기본 모드로 돌아오는등의 기본 모드와 html모드를 계속해서 왔다 갔다 하는 행동들을 할 가능성이 많기 때문에 이 과정에서 광고 코드가 사라지는것입니다.

 

따라서 최초 광고 코드를 삽입 했다면 광고가 잘 나오고 있겠구나 생각하시고 굳이 수정이 필요한 글이 아니라면 그냥 그대로 두는것이 최선일 것이고, 수정을 하더라도 글을 발행 할 때에는 광고코드를 최종적으로 확인 하고 html모드에서 글을 발행 하는것이 광고 코드가 사라지는 현상을 방지 할 수 있겠습니다.

 

더불어 최초로 글을 작성한 글 역시 글을 발행 할 때에는 html모드에서 광고 코드를 최종적으로 삽입 후 발행 하는것이 광고 코드가 사라지는 현상을 최소화 시킬 수 있겠죠.

 

티스토리 블로그는 네이버 블로그에 비해서 애초에 네이버 검색 엔진에서 노출될 수 있는 가능성이 희박하기 때문에 초기 운영시에는 방문자가 적을수밖에 없기 때문에 광고가 나오기 않고 공백 처리 되는 경우가 발생할 수 있기 때문에 광고가 나와야 할 자리에 공백처리 된다 하더라도 일단은 수익형 블로그로의 티스토리를 운영하는 아주 기본적인 전제 조건 글쓰기를 꾸준히 하여 방문자를 유입시키는것이 최초 목표라고 할 수 있겠습니다.

 

2. 애드센스 광고 코드 사라지는 현상 해결 방법.

그렇다면 애드센스 광고 코드가 사라지는 현상을 방지할 수 있는 방법은 없으는걸까?

아주 근본적인 원인은 카카오에서 설정해 놓은 티스토리의 글쓰기 기본 모드와 html모드를 왔다 갔다 하면서 발생 할 수 있는 최적화 과정에서 광고 코드가 사라지는것이라고 추측할 수 있기 때문에 이를 개인이 해결할 수 있는 방법은 없을것입니다.

 

다만 광고 코드가 사라지는 현상을 100% 방지한다고 할수는 없겠지만 광고 코드가 사라지는 현상을 최소한으로 줄이기 위한 방법으로 아주 간단하게 광고 코드 앞, 뒤 부분에 <div>, </div>태그를 다음과 같이 붙여 줌으로써 최소한의 대책으로 활용할 수 있겠습니다.

<div> <ins class="adsbygoogle"      style="display:block; text-align:center;"      data-ad-layout="in-article"      data-ad-format="fluid"      data-ad-client="ca-pub- 애드센스 개인 코드"      data-ad-slot=" 애드센스 개인 광고 단위 코드"></ins> <script>      (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div>

 

3. 애드센스 광고 코드로 인한 웹페이지 로딩 속도 개선 방법.

티스토리 블로그를 운영하면서 상위 검색 노출을 위한 방법으로 웹페이지의 로딩 속도가 빨라야 한다는 말씀을 이전에 한번 언급한적이 있는데, 티스토리 블로그를 운영하는 궁극적인 목적은 대부분 애드센스 광고 수익을 창출하기 위해서 일겁니다.

 

그런데 이러한 애드센스 광고 코드로 인해서 웹페이지의 로딩 속도가 느려진다는것 알고 계셨나요?

애드센스 광고 코드를 삽입해서 광고를 송출한다는것은 티스토리 외부의 어딘가에 저장되어 있는 광고를 자신이 작성한 글 본문 안에 광고 코드를 삽입함으로 인해서 방문자가 발생 했을때 광고를 송출하기 위해 불러오는 시간이 필요하게 됩니다. 따라서 많은 광고를 삽입하게 되면 그만큼 광고를 불러와야 하는 크기가 커지게 되면서 웹페이지 로딩 속도가 느려지게 되는것이겠죠.

 

그렇다고 애드센스 광고 수익을 얻기 위해서 티스토리 블로그를 하고 글을 작성하는 과정에서 애드센스 광고를 뺄것인가? 수익형 블로그를 운영하기 위해 티스토리 블로그를 운영하는것인데 애드센스 광고를 뺀다는것은 티스토리 블로그를 운영하는 의미가 없는것이겠죠.

 

그래서 광고를 불러오는 형식을 달리해야 할것입니다.

전문적으로 프로그램 언어를 알고 있는 분들은 종종 자바스크립트 자체를 수정해 줌으로써 광고 또는 이미지등의 웹페이지 로딩 속도를 개선하기 위해 수정하는것을 확인해 볼 수 있습니다.

 

하지만 저를 비롯한 수많은 일반인 티스토리 블로거들이 html, css와 같은 코드들은 인터넷의 정보들을 수집하고 자신의 블로그 스킨에 적용하고 수정하면서 원하는 형태로 변경을 할 수 있지만 자바스크립트의 경우에는 일반인이 접근하기에는 굉장히 큰 장벽이 존재하게 됩니다.

 

따라서 눈치 채신분들이 많을것이고 이미 어디선가 접한 내용일 수도 있겠으나 아주 간단하게 애드센스 광고 코드를 불러오는 속도를 조금이라도 줄이기 위한 방법으로 <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-개인 광고 코드" crossorigin="anonymous"></script> 해당 광고 코드는 삭제 시키고 <ins> 이후의 코드만 작성해 줄 수 있겠습니다.

<!-- 원본 그대로의 애드센스 광고 코드 --> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-개인광고코드" crossorigin="anonymous"></script> <ins class="adsbygoogle"      style="display:block; text-align:center;"      data-ad-layout="in-article"      data-ad-format="fluid"      data-ad-client="ca-pub-개인광고코드"      data-ad-slot="개인광고단위코드"></ins> <script>      (adsbygoogle = window.adsbygoogle || []).push({}); </script>

<!-- 본문 안에 광고 코드를 해야 하는 코드 --> <div> <ins class="adsbygoogle"      style="display:block; text-align:center;"      data-ad-layout="in-article"      data-ad-format="fluid"      data-ad-client="ca-pub-개인광고코드"      data-ad-slot="개인광고단위코드"></ins> <script>      (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-개인광고코드" crossorigin="anonymous"></script> 해당 코드를 삭제 시켜도 무방한 이유로는 우리가 최초 애드센스 승인을 받기 위한 과정에서 자신의 스킨 html편집에서 <head>와 </head> 사이에 작성했던 것으로 애드센스 자동 광고를 불러오기 위한 코드를 이미 작성해 두었기 때문에 본문 안에서의 광고를 하나 하나 일일이 불러오는 시간이 발생 하면서 웹페이지 로딩 속도를 지연시키는것이 필요 없기 때문이라고 할 수 있겠습니다.

 

오늘 내용도 티스토리를 시작하는 많은 분들과 초기 운영시에 도움이 될 수 있는 내용이었길 바라겠습니다.