티스토리에 애드센스 광고코드 붙여넣기 후 광고가 안나올때, <div></div>와 코드 다시 붙여넣기

블로그에 글을 쓰다가 글이 길어지면 자동 광고로는 부족하다. 맨 앞과 맨 뒤에 붙는 게 자동광고인데 글이 길다면 미관을 해치지 않고서도 몇 개의 광고는 더 넣어줄 수 있다. 수동 광고를 1개 정도 넣는 것은 정말 쉽다. 그런데 2개 이상의 수동 광고를 넣으려면 구글 애드센스에서 광고코드를 만들어서 복사한 후 티스토리에서 HTML 모드로 변경 후 붙여 넣기 해주어야 한다. 
 
아래는 티스토리 본문에 수동 광고를 여러 개 넣는 방법에 관한 이전 글이다.
https://bemylooove.tistory.com/5

티스토리 본문 광고 여러개 넣기, 애드센스 광고 코드 만들어서 적용하는 방법, 광고가 나오지

 
처음에는 나도 HTML이라는 것이 꼴 보기 싫어서 미루고 미루다가 무슨 마음을 먹었는지 적용을 하기 시작했다. 막상 해보니 처음에만 헷갈릴 뿐 할 만은 했다. 결국 내가 귀찮은 마음이 컸구나를 깨달으면서 좀 더 시도를 해보면서 살아야겠다는 반성을 하게 됐다. 문제는 여기서부터다. 티스토리 이전글에 수동 광고를 적용시켜 주다가 정말 긴 글이 있어서 수동광고 5개를 넣어줬다. 그런데 글을 발행하고 나니 광고 표시되지 않는 것이다. 
 
나름 수정해서 광고를 나오게 하려고 기본모드에서 광고 부분을 삭제해 주고 HTML모드에서 새로 광고코드를 붙여 넣기 해주면 나왔다가 다른 광고코드를 수정해 주고 다시 보면 나왔던 광고가 안 나오는 기이한 일이 생겼다. 이걸 여러 번 반복하고 나니 스트레스가 심했나 보다. 정말 꼴 보기 싫은 HTML까지 봐가면서 더듬더듬 공들여 광고코드를 넣었는데 막상 광고가 보이지 않으니 허탈했다. 이 과정을 거친 후 서식화해서  HTML광고 붙이기에서 빨리 벗어나야겠다는 행복회로를 열심히 돌리고 있었는데 말이다. 
 
그래서 찾아봤더니 광고코드 깨짐 방지를 위해서 또 다른 코드를 같이 넣어줘야 한다고 한다. 아니 이 자동화 시대에 이렇게 수동으로 넣어줘야 하는 것도 좀 달갑지 않은데 잘 되지도 않고, 뭘 또 넣어줘야 한다니 짜증이 올라왔지만 어쨌든 손댄 일이라 마무리 지어야 한다는 마음으로 수동으로 넣어준 애드센스 광고코드에 <div></div> 광고코드 깨짐 방지 코드를 넣어보기로 했다. 그런데 <div></div>라는 광고코드 깨짐 방지 코드를 붙여도 여전히 수동으로 삽입된 광고가 나와야 할 자리에 나오지 않았다. 
 
그래서 광고 코드의 원본과 발행 후 다시 안 나오는 블로그 내에 붙여 넣기 한 광고코드를 비교해 봤다.
아래는 애드센스의 광고코드 원본이다.

 
아래는 코드를 수정했다가 다시 나오지 않는 광고 부분의 광고코드이다. 위와 확실히 많이 다르다. 이 상태애 서는 <div></div>를 넣어줘도 소용없었다.  이게 코드가 깨진다는 말인가 싶었지만 애드센스 광고를 붙여 넣기 한 후 발행을 하고 다시 확인 해보면 처음 붙여넣기 한 코드와는 달라지는것 같다.

 
 
그래서 이번에는 애드센스에서 광고 코드를 다시 복사해 기존 광고코드가 넣어진 자리에 새로 붙여넣기 해주었다. 그러고 나서 <div></div>를 붙여서 광고가 잘 나오는지를 살펴봤다.

 
결론은 아래처럼 광고가 잘 붙어주었는데 광고가 안 나올 때 기존 광고코드에다 다시 해로 광고코드를 붙여 넣기 한 후 앞뒤로 <div></div>를 붙여 넣어주어야 광고가 잘 나왔다.

 
 
수동광고를 넣었을 때 광고가 안 보여서 광고코드를 다시 붙여 넣기 했더라도 그 광고가 잠시 보였다가 다시 안 보일 수 도 있다. 이 부분을 확인해야 하고, 광고코드가 애드센스 광고 코드와 같은지 살펴보고 그 상태에서 <div></div>를 붙여서 발행을 해야 하는 것 같다. 애드센스 광고와 다르게 광고코드가 바뀌어져 있다면 그 코드 부분을 다시 애드센스 광고코드로 붙여 넣기 한 후 위아래로 <div>와 </div>를 넣어주면 된다. 이렇게 해봤더니 광고가 변형이 되지 않았고 다시 발행을 한 후 수동광고가 잘 나오는지 확인했더니 광고가 잘 나왔다. 

---

 

애드센스 광고 코드에 <div>와 </div> 넣어주기

구글 애드센스에서 만들어진 광고 코드는 아래와 같음을 기억할 것이다. (애드센스에서 광고 코드를 만드는 과정을 거치면 알 수 있다.) 

 
 
이 부분 위아래에 <div>와 </div>를 넣어준다. 만약 애드센스 광고코드와 다르다면 그 부분에 다시 애드센스 광고코드를 복사해 붙여 넣기 한다. 그 후 위아래에 <div>와 </div>를 넣어주면 된다.

 
이렇게 잘 안되고 고민하던 수동 광고 부분이 잘 나오게 되었다. 경험한것을 그대로 적다보니 너무 산만한 글이 되었는데 결론은 광고코드를 다시 붙여넣기 한 후 <div>와 </div>를 해주어야 한다는 것이다.