MEMORIES CHERISHED

애드센스 승인이 난 순간에는 마냥 신나기만 했는데, 그 이후부터 나에게 '헬'을 선사한  그 이름.

애.드.센.스.

다른 사람들은 어떻게 그 스트레스를 견뎠는지 1도 모르겠다.

하지만 강호동이 한 말처럼 다 행복하자고 하는 일이니까 너무 스트레스 받지 말자 !

Let it be.

Carpe diem.

스트레스를 받지 않는 선에서 하루에 하나씩 문제점을 고쳐나가려고 하고 있다.


■ 문제 현상

지난 포스팅 (→ 바로가기) 에서는

"분명히 템플릿에 애드센스 광고 코드를 잘 넣었는데, 왜 어떤 게시물에는 광고가 잘 보이고 어떤 포스팅에서는 광고 자리에 여백 또는 빈칸만 나오고 광고가 안 나오는지" 

에 대한 문제를 적었다.

아예 전부 다 광고가 노출되지 않는 것도 스트레스지만, 

몇몇 게시물에만 광고가 나오지 않는 것은 더 큰 스트레스다 !!!!

분명 광고 애드센스 코드는 정확히 들어갔다는 소리니까.

그래서 나는 광고가 안 보이는 게시물과 보이는 게시물과의 차이점을 찾아보기 시작했다.

나는 포스팅 제목 바로 아래에 광고가 나오게 했는데,

혹시 그 자리에 내가 'enter'를 안 쳐서, 광고가 나올 자리가 없어서 안나오는 것인가?

광고가 안 나오는 게시물에는 이상한 html 코드가 들어있는건 아닌가?

외부 링크를 걸면 안되는 건가?

라는 말도 안되는 생각들을 하면 이 잡듯이 뒤졌지만.

여전히 오리무중.


■ 해결의 실마리

흐음...

분명히 이제는 포스팅 내에 광고가 보이긴 보인다. 

근데... 몇몇 특정 포스팅에서만 보인다는 게 문제다....!

예) 
'광고 삽입 - 레이아웃 위젯 활용' (바로가기) 
'구글 애드센스 - 승인 과정 1' (바로가기)
'마이테레사 - 추가 20프로' (바로가기)
'Windhoek, Namibia to Seoul' (바로가기) 등등

에서만 항상 광고가 보인다.

UPDATE : 뭐가 지금 바뀌었는지, 보이는 게시물과 안보이는 게시물들이 많이 바뀌었다. 뒤죽박죽.

다른 안보이는 포스팅에서는 광고가 보여야 하는 자리가 빈칸 또는 여백으로 표시된다.

예)
'구글 블로그스팟 적응기 - 본문 내 광고 삽입' (바로가기)
'구글 애드센스 승인 과정 2' (바로가기) 등등

UPDATE : 뭐가 지금 바뀌었는지, 보이는 게시물과 안보이는 게시물들이 많이 바뀌었다. 뒤죽박죽.
위의 안보이던 게시물 중에서도 광고가 보였다가 안보였다가를 반복한다.

띠로리.


왜일까.

너무 어렵다. 진짜.


하지만 이제 스트레스는 받지 않기로 했다.

이걸로 일확천금을 벌 생각도 없고.

스트레스 받아서 건강 나빠지면 그게 더 돈이 나간다. ㅋㅋㅋ


에헤라디야.


천천히 해결책을 찾아봐야겠다.

대박 사건. ㅋㅋㅋㅋㅋ

역시 사람이 욕심을 부리면 안되고, 욕심을 버려야 뜻을 이룬다는 선조들의 말씀이 맞다.

우리 선조들은 참 대단하신 분들이다.

삶의 이치를 통달하는 분들 !



그렇게 하려고 해도 안되더니.

그냥 일기장 용도로 블로그스팟을 쓰려고 마음먹으니까, 본문에 광고가 삽입되었다.

싱기방기할 노릇이다.


사진은 지금 내 기분이 사이다 마신것처럼 시원하기에 가져온 사진이다.

신디 크로포드는 여전히 이쁘다.


내가 검색해보았을 때, 

분명 소스코드도 올바르게 복사하여 붙여넣기 했는데도 안되는 이유는 다음과 같다고 한다.



■ 본문 내 삽입한 광고가 안 보이는 이유

1. 활성화 이전  : 애드센스를 만든 뒤 광고 단위를 생성하고 해당 광고의 상태가 '활성화(Activated)' 상태여야 한다는 뜻

2. 광고 차단 플러그인, 스파이웨어, 악성코드 제거 프로그램 : 내 컴퓨터에 해당 광고 차단 프로그램이 없어야 함

3. Hosts 파일의 관여 : 내 브라우저에서 내 사이트에 접속할 때 특정 host 파일이 접속을 방해해서 광고가 안 보일 수 있음. 자세한 내용은 모르겠음. 

4. 기타 태그 입력 오류 (401, 403 에러), 계정, 서버문제 등 : 401, 403의 경우 googld_ad_client 뒤의 주소가 잘못되었을 가능성이 높으니, 내 구글 애드센스 대시보드에서 코드를 다시 정확히 복사해서 붙여넣기 해야함. 


위의 이유 중에서 그전까지 내가 포스팅 내에 광고 삽입이 안되고 광고가 안보였던 이유는 1번 때문이었다.

'활성화 이전' 상태였기 때문이었다.

그런데 구글 상의 많은 사람들 (한국어 및 영어로 설명해 놓은 사이트들) 은 '포스팅 안에 광고를 넣었는데 안보여요' 라는 질문에 '아직 애드센스 최종 승인 전 이기 때문이다 / 애드센스 승인을 됐지만 애드센스에서 광고를 송출하기까지 며칠의 시간이 걸린다 / 유튜브 계정으로 가입했기 때문에 블로그 상에서는 광고가 안 보인다' 는 답변을 주로 내놨다.

그래서 나는 이미 애드센스 최종승인은 났고 내 메인페이지 (포스팅 상세읽기를 클릭하기 전의 HOME 상태) 상에서는 광고가 보이기 때문에 '광고를 송출하기까지 며칠의 시간이 걸린다'는 답변도 맞지 않았다.

물론 난 유튜브 계정은 아예 없기 때문에 이후의 답변도 맞지 않고.


그래서 난 너무나 미스테리 했던거지.

난 분명히 활성화 되어있다고 착각했으니까.

'활성화' 되어야 하는것은 '각각의' 광고 단위 이다.

내가 구글 블로거 대시보드에서 THEME 안에 EDIT HTML 을 들어갔을 때, 

<data:post.body/> 바로 위에 붙여넣기 하는 바로 그 광고 단위의 상태가 '활성'화 되어 있어야 한다.



■ 내가 쓰고자 하는 광고 단위의 상태가 활성화 되어 있어야 함 


이해를 돕고자 아래와 같은 스크린샷을 찍었다.






보이는가?

'큰 사각형' 이라고 적힌 광고 단위는 상태가 활성화 되었고,

'포스팅 내' 라고 적힌 광고 단위는 상태가 신규 이다.


다시한번 말하지만, '신규' 상태는 활성화된 상태가 아니다!!!!!!

막 애드센스 승인되서 신난다고 광고단위 이것저것 만들었을 때는 '신규' 상태이다.

그 상태에서는 아무리 정확하고 치밀하게 위치를 잘 맞춰서 코드를 복사해서 템플렛에 붙여넣어도

절대 광고가 안보인다!


나는 신규 상태인 코드를 복사해서 붙여넣기를 했으니 광고가 안보이는게 당연했던 것이다.


■ 애드센스 코드는 xml 로 변환해야 함 


그리고 중요한 점!

'코드가져오기'에서 복사한 코드를 그대로 붙여넣기하면 안된다!


반드시 HTML 을 xml 로 변환(convert)한 상태의 코드를 붙여넣기 해야 한다!

내가 내 코드를 변환할 때 사용한 사이트는 다음과 같다.

http://html-to-xml-parser.blogspot.com

혹시나해서 말하지만, 나는 위의 사이트와 전.혀. 관련이 없다. 누군지도 모른다.

그렇게해서 변환한 내 코드는 아래와 같다.


- 변환 전
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 큰 사각형 --> <ins class="adsbygoogle"      style="display:inline-block;width:336px;height:280px"      data-ad-client="ca-pub-                       "      data-ad-slot="                       "></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); 
</script>


- 변환 후
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 큰 사각형 --> <ins class="adsbygoogle"      style="display:inline-block;width:336px;height:280px"      data-ad-client="ca-pub-                       "      data-ad-slot="                    "></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); 
 </script>
여기서 내가 빈칸으로 남긴 부분은 내 개인 코드이다.
그 부분만 본인의 코드로 바꾸면 사용가능....하지 않을까...? 
(확실하진 않으니 더는 시도해볼것도 남아있지 않는 사람들만 시도해보도록.)



■ 변환한 코드를 EDIT HTML 상에서 <data:post.body/> 를 기준으로 본인이 원하는 위치에 붙여넣기


EDIT HTML 상에서 찍은 스크린샷도 올린다.






위의 스크린샷의 동그라미 순서대로 설명을 하면 다음과 같다.

1. 내 블로거 대시보드의 THEME 에서 EDIT HTML 을 누르면 뜨는 창에서 CTRL + F 를 눌러 <data:post.body/> 를 검색한다.

<data:post.body/>

이때 <data:post.body/> 가 여러개 나올 수 있다. 
그러면 당황하지 말고 각각의 <data:post.body/> 에서 내 애드센스 코드를 붙여넣기 해본다.
여러개 중에서 한개는 분명 광고가 나오는 바로 그 sweet spot 이다.

첫번째 <data:post.body/> 바로 윗줄 또는 아랫줄에 내 코드를 붙여넣기 하고, 
다른 <data:post.body/>는 건드리지 않았다.

그리고 SAVE 하고는 내 블로그에서 아무 포스팅을 눌러 확인했더니, 역시나 아무런 반응이 없었다.

그래서 다시금 EDIT HTML 에서 맨처음 첫번째 <data:post.body/> 바로 윗줄 또는 아랫줄에 붙여넣었던 코드를 싹 지웠다.
그리고 두번째 <data:post.body/> 의 바로 윗줄 또는 아랫줄에 내 코드를 붙여넣었다.
그리고 저장해서 블로그 포스팅 확인.

나의 경우에는 두번째꺼에서 광고가 나왔다.


2. <data:post.body/> 를 기준으로 본인이 광고를 삽입하고 싶은 위치를 정한다.

<data:post.body/> 바로 윗줄에 변환한 광고 코드를 삽입하면, 
포스팅 상에서 광고는 포스팅 제목 바로 밑에 위치한다.

<data:post.body/> 바로 아랫줄에 광고 코드를 삽입하면, 
포스팅 상에서 광고는 포스팅 제일 밑(포스팅 제일 끝 줄 아래)에 위치한다.


3. 나의 광고 소스코드를 삽입한 모습이다.

보다시피 xml 로 변환한 코드를 <data:post.body/> 바로 윗줄과 바로 아랫줄에 삽입한 모습이다.

내가 포스팅을 열었을 때, 광고는 '제목 바로 밑'과 '본문의 제일 마지막'에 위치할 것이다.

자세히 보면 알겠지만, 

<data:post.body/> 바로 윗줄에 삽입한 광고 코드는 '큰 사각형' 이라고 이름지은 이미 '활성화' 되었던 광고 코드이며,

<data:post.body/> 바로 아랫줄에 삽입한 광고 코드는 '포스팅 내'라고 이름지은 아직 '신규' 상태인 광고 코드이다.

그래서 내가 해당 코드들을 저장하더라도, 

내 포스팅 상에서 제목 바로 밑에는 광고가 보이겠지만, 
본문 제일 밑에는 광고가 안 보일 것이다.

왜냐하면 '큰 사각형' 광고는 이미 활성화된 코드이고 '포스팅 내' 광고는 아직 신규 상태인 코드이기 때문이다.


4. <center> 및 </center> 를 사용해 광고를 중앙으로 정렬시킨다.

나는 광고가 중앙에 위치해 있는게 보기 좋아서 광고 코드의 바로 앞과 바로 뒤에 위의 스크린샷에서와 같이 <center> 및 </center> 코드를 집어 넣었다.

이것은 내 개인 취향이고 선택사항이니, 싫은 분들은 안 넣어도 된다. 

* 광고를 왼쪽으로 정렬하고 싶을 때 아래의 코드를 넣는다

<div style="float: left; margin: 5px 5px 5px 0;"> 변환한 당신 광고 코드 </div>

이때, 숫자 '5'는 다른 숫자로 아무거나 넣어도 된다. 10을 넣어도 되고, 맘에 드는 걸 넣는다. 너무 크지만 않게.

* 광고를 오른쪽으로 정렬하고 싶을 때 아래의 코드를 넣는다

<div style="float: right; margin: 5px 5px 5px 0;"> 변환한 당신 광고 코드 </div>


한가지 유의할 점은 나는 '중앙'으로 정렬하는 거만 시도해 봤다는 점이다.

왼쪽 오른쪽 정렬은 아직 시도해보지 않았으니, 잘 작동하는지 여부는.... 아직 모른다는 점을 밝혀둔다.



이 포스팅은 나처럼 본문에 광고 삽입을 하려고 별 짓을 다해도 안되는 사람들을 위해 쓴다.

May the peace be with you.