블로그 스팟을 하면 할수록 머리가 지끈지끈한 분들이 많을 거라고 생각합니다. 아마도 이 포스팅을 남기는 이유는 제 멤버들을 위한 것도 있지만 블로그 스팟(BLOG SPOT)을 도전하는 분들이 이 문제로 포기하지 않기를 바라는 마음에서 입니다. 계속 남겨 놓을지는 모르겠지만 필요하신 분들이 생각보다 많을거라 생각됩니다. 특히 블로그 스팟 애드센스 연결 오류는 진짜 머리가 보통 아픈 문제가 아니네요.
사실 블로그 스팟(구글 블로거) 세팅이 알고보면 굉장히 간단합니다. 카카오 티스토리, 워드프레스 보다 오히려 더 쉽다는게 개인적인 생각입니다. 물론 이건 그동안 수백개의 HTML 코드를 보면서 분석을 어느 정도 한 상황에서의 얘기이고 개발자 아닌 일반인이 하면 멘탈이 나가도 아마 수십번은 나가지 않을까 싶습니다.
프로그래밍이라는 것이 만든 프로그래머도 오류가 일어나면 못 찾는데 일반인이 찾고 해결한다 불가능합니다. 일단 오류 보는 법을 먼저 배우고 오류가 있는지 확인하는 법을 먼저 배우는게 우선 아닌가 싶습니다. 그런데 블로그 하기 위해서 네이버 블로그, 티스토리 이렇게 있는데 해야하는가하면 그 부분은 개인의 선택입니다.
다만 저는 네이버 블로그, 티스토리 블로그 양쪽에 미래는 없다고 판단합니다. 블로그 스팟을 테스트해 본 결과 이는 확신으로 이어졌고 기존 블로그들은 관리하면서 서서히 이전하는게 맞다고 판단합니다. 다만 이는 추후의 문제로 당장 불거지지 않을 수 있습니다. 하지만 2월 6일 카카오 약관 개정 이후 당장은 아니라도 결국 일어날 문제입니다. 그리고 그게 아니더라도 티스토리 시스템에 문제 데이터가 속출하고 있고 향후 그 데이터는 점점 커질 것이기 때문에 용단이 필요한 시점이라고 봅니다.
BLOGSPOT NOW!
 |
| 블로그 스팟 로고 |
그럼 블로그 스팟이 실제 블로그로서 어떠한가? 흠... 일단 많은 분들이 걱정하는 트래픽 문제는 아직은 시간이 많이 지나봐야겠지만 없습니다. 신규 채널이라는 점을 감안하고 아직 제대로 포스팅을 못하고 있다는 점을 볼 때 네이버는 티스토리 보다 불리하지만 다음은 동일, 구글을 월등히 앞선다는게 제가 받은 데이터입니다.
물론 이 부분은 초보 블로거 분들은 실감하지 못할 가능성이 큽니다. 왜냐하면 초반 최적화 트래픽 노하우가 없기 때문일 겁니다. 한가지 확실하게 말할 수 있는 것은 흔히 카더라로 알려진 이야기는 대부분 맞지 않다는 겁니다. 결국 내가 포스팅을 잘하느냐 못하느냐의 문제일뿐 구글 블로거 노출이 안된다는 데이터는 존재하지 않습니다.
네이버 쪽에서는 살짝 문제의 데이터가 있긴 하지만 네이버 노출 알고리즘을 생각하면 우려할 정도의 문제는 아니니 안심하셔도 괜찮습니다. 아마도 지금 블로그 스킨이나 애드센스 없는 이런 상태를 보고 허접한 블로거가 하는 이야기라 안 믿기시겠지만 데이터는 거짓말하지 않습니다. 그리고 화려한 스킨보다 중요한 것은 오류가 없는 스킨입니다.
다른 글에서도 써 놓았지만 구글 블로거를 택한 이유가 속도 문제라면 기본적으로 이미지는 webp(웹피), 스킨은 콘템포, 소호, 엠포리오, 에센셜 등 기본 5개 중에 선택하는 것이 현명합니다. 이후 위젯 추가 방식으로 정리하면 되니 굳이 어설픈 무료스킨을 쓰는건 바보짓입니다. 더 중요한 것을 하나 알려드리면 어차피 모바일 스킨이 아니라 의미없습니다.
아, 그리고 이미지는 350px로 가로 사이즈를 제한하는 것이 밀리는 현상이 없습니다. 계속 글을 남겨 놓을지 어떨지 모르겠지만 나머지 블로그 스팟 관련 글을 읽고 참고하시기 바랍니다.
블로그 스팟 애드센스 연결 오류
블로그 스팟 설정 대부분이 구글 서치 콘솔, 구글 애널리틱스, 구글 애드센스 모두 한 집안 식구들입니다. 따라서 속성 만들고 추가하는 것 말고는 딱히 손볼 부분도 없어서 거의 원클릭입니다. 그런데 뜬금없이 나타난 애드센스 연결 이후 나타나는 HTML 편집 오류 황당한 일입니다.
일단 이 글을 보는 분들이 대부분 초보 분들이실테고 프로그래머나 개발자 분이 아닐 가능성이 크고 또 개발자라 하더라도 HTML 언어를 모르면 뭐가 오류인지 알수 없죠? 저도 HTML 전문가는 아니지만 기본적인 문제를 확인하는 법부터 소개하겠습니다. 이건 구글 블로거 유저가 될려면 기본적으로 알아야 합니다.
구글 블로거 HTML 편집 오류 보는법
 |
| 블로그 스팟 HTML 오류 캡쳐 |
이게 바로 저를 3일 동안 머리아프게 했던 애드센스 위젯 오류입니다. 애드센스 코드 오류라고 해야하나?
HTML 코드 오류가 있는지 없는지 보는 법은 아주 간단합니다. 코드를 저장해보시면 바로 알 수 있습니다. 우상단에 있는 저장버튼을 눌렀는데 어라 평소 업데이트 되었습니다 잘만 뜨던 것이 갑자기 이상한 문구와 함께 뜹니다.
저게 바로 블로그 스팟 HTML 오류 문구입니다. 대부분은 column bumber 0000 줄에 문제가 뭐가 있다고 알려주면 거기 찾아가서 해결하면 됩니다. 여기까지만 보면 굉장히 친절해서 좋다고 생각할 수 있는데 문제는 오류가 있어도 저장되기도 하고 adsense1 오류 같은 경우는 아예 저장이 안 되는 오류가 생기기도 합니다. 그래서 스킨을 바꾸든 뭔가 손을 볼때는 꼭 반드시 오류가 있는지 확인하시기 바랍니다.
참고로 HTML 코드에 오류가 있는지 가볍게 확인해보는 방법은 <HEAD> 옆에서 엔터를 쳐봅니다. 그럼 한 칸의 여백이 생기면서 HTML 코드가 바뀌지만 내용이 아무것도 없기 때문에 문제가 되지 않습니다. 그리고 저장을 하면 오류가 있는지 없는지 체크해 줍니다.
아 그리고 또 하나 코드를 보는 법을 알아두시면 좋은데 오류가 생기면 </b> 이런 식으로 코드에 레드 글자가 생깁니다. 녹색만 있어야 하는 코드에 레드가 있으면 HTML 코드에 이상이 있는 겁니다.
블로그 스팟 애드센스 연결 오류
The widget settings in widget with id <b>AdSense1</b> is not valid. An internal error occurred. 이 메시지가 뜨면 정말 해결책이 없습니다. 더 큰 문제는 무엇이냐? 국내에는 해결법 관련 문서조차 없고 해외 포럼에 있는 글을 읽어봐도 뭔 소리인지 뭘 하라는 말이 없습니다.
쉽게 번역하면 ID가 <b>AdSense1</b>인 위젯의 위젯 설정이 유효하지 않습니다. 내부 오류가 발생했습니다. 애드센스1 장치에 문제가 있다는 이야기입니다. 일단 이 문제의 원인부터 설명을 하면 이유는 알 수 없지만 블로그 스팟은 구글 블로거 원채널에서 애드센스 연결을 클릭해야 오류가 생기지 않습니다.
만약 애드센스 사이트 추가 등으로 강제 연결을 할 경우 생기는 문제입니다. 여기서 더 큰 문제가 생기는데 만약 구글 애널리틱스 메타 코드 또는 네이버 서치어드바이저 메타 태그 등을 넣어야 하는데 저 오류가 있으면 HTML 코드 수정이 불가능해집니다. 진짜 말 그대로 재앙같은 상황이 됩니다.
블로그 스팟 네이버 서치어드바이저 소유확인 자체가 불가능해지는 상황이 됩니다. 수정을 해도 저장이 안 되고 다시 확인해보면 원래대로 다시 돌아갑니다. 일단 조금 머리 아프더라도 아래 코드를 살짝만 설명하겠습니다.
<b:section ads='true' class='vertical-ad-container' id='ads' name='Ads' showaddelement='false'>
<b:widget id='AdSense1' locked='true' title='' type='AdSense' visible='false'>
<b:widget-settings>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.textcolor'>#d90c0c</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#000000</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#4e4e4e</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:adCode'>
<data:adCode/>
<b:else/>
<b:include name='defaultAdUnit'/>
</b:if>
</div>
</b:includable>
<b:includable id='defaultAdUnit'>
<b:comment>Clear out style (needs to be a non-empty string)</b:comment>
<b:with value='"/* Done in css. */"' var='style'>
<b:include name='super.defaultAdUnit'/>
</b:with>
</b:includable>
</b:widget>
<b:widget id='AdSense2' locked='true' title='' type='AdSense' visible='false'>
<b:widget-settings>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.textcolor'>#d90c0c</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#000000</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#4e4e4e</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
</b:widget-settings>
일단 저 놈의 위젯이 뭔데 속섞이느냐? 블로그 스팟 레이아웃에 보시면 애드센스1, 애드센스2라고 되어있는 것들입니다. 새로 블로그 스팟을 다시 만들어보면 알겠지만 위젯에 세팅 네임이 들어가는 순간부터 생기는 오류입니다.
아직 애드센스 승인이 되지 않았는데 애드센스 활성화 이전에 세팅이 되면 활성화 기간 동안 오류가 생기게 됩니다. 문제는 애드센스 활성화가 단숨에 되는게 아니라 검토에 몇 주가 걸릴 수도 있다는 점입니다. 만약 블로그 스팟 설정을 끝내고 포스팅도 해놓고 헤드에 메타 태그를 넣어야 하는데 몇 주를 기다리라고 하면 문제가 심각해집니다.
블로그 스팟 adsense1 widget 해결책
 |
| blogspot adsense |
해외 포럼에서 이렇게 하면 된다. 저렇게 하면 된다 하는데 활성화 전에는 완벽한 해결책은 없습니다. 다만 HTML 편집은 할 수 있는데 애드센스 삭제를 하고 HTML 편집 및 메타태그 추가나 CSS 추가 등 코드를 바꾸고 저장하신 다음 다시 애드센스 연결을 하시면 편집이 가능합니다.
맞춤 robot.txt를 꺼라 뭐해라 하는 이야기도 없는데 활성화 전에는 저 오류가 안 없어집니다. 애드센스가 없는데 이미 장치가 들어와서 강제로 위젯을 끄는 상황에서 생기는 오류입니다. 왜 구글 블로거 개발자들이 손을 안 보는지 모르겠네요. 아마도 이전에 애드센스 승인을 받은 적이 없는 분들에게만 일어나는 오류일겁니다.
(애드센스 계정 활성화가 이미 된 분은 저 오류가 안 뜹니다.)
간단히 정리하겠습니다.
 |
| 블로그 스팟 |
- 애드센스 사이트로 가서 내 블로그 스팟 사이트를 삭제한다.
- 블로그스팟 수익 탭에서 하단에 있는 애드센스 삭제를 누른다.
- 애드센스 연결(해제된 상황에만 보임) 문구가 뜨면 HTML 편집을 하고 저장을 한다.
- HTML 코드 및 스킨 등을 모두 정리한 이후에 블로그 스팟 수익 탭에서 애드센스 연결을 클릭해서 연결한다. 이건 반드시 이 순서대로 해야 합니다.
- 애드센스로 이동을 눌러서 사이트 추가 및 검토되지 않음 이것을 검토 요청으로 바꿔서 준비중 이게 뜨는지 확인한다.
참고로 블로그 스팟을 애드센스 연결을 할 때는 반드시 블로그 스팟 수익 탭에서 넘어가야 오류가 안 생깁니다. 뭔가 어마어마한 거 같은데 사실 해결책을 듣고 보면 간단하죠? 프로그래밍이라는게 물끓이고 라면 넣느냐? 스프 넣느냐 그 차이로 오류가 생기는 거라 어처구니가 없을때가 많습니다.
만약 갑자기 애드센스 승인 중에 html 코드를 중간에 또 변경하실 때는 위젯을 지우는 방법이 있습니다. 일단 html 코드 변경으로 들어가서 해야 할 경우에는 블로그스팟 애드센스1, 애드센스2 위젯 삭제를 하셔도 됩니다.
 |
| 블로그스팟 애드센스1 애드센스2 위젯 |
그러면 아래와 같은 코드가 등장합니다. 조금 길더라도 양해 부탁드립니다.
<b:section ads='true' class='vertical-ad-container' id='ads' name='Ads' showaddelement='false'>
<b:widget id='AdSense1' locked='true' title='' type='AdSense' visible='false'>
<b:widget-settings>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:adCode'>
<data:adCode/>
<b:else/>
<b:include name='defaultAdUnit'/>
</b:if>
</div>
</b:includable>
<b:includable id='defaultAdUnit'>
<!-- Clear out style (need non-empty string) -->
<b:with value='"/* Done in css. */"' var='style'>
<b:include name='super.defaultAdUnit'/>
</b:with>
</b:includable>
</b:widget>
<b:widget id='AdSense2' locked='true' title='' type='AdSense' visible='false'>
<b:widget-settings>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
</b:widget-settings>
저 곳에서 위젯을 삭제하는 임시조치 방법도 있습니다.
<b:widget-settings>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
</b:widget-settings>
adsense1, adsense2 widget을 두개 다 삭제 하시거나 아니면 주석 처리 하시면 됩니다. 개인적으로는 주석처리를 추천해드립니다.
<!--
<b:widget-settings>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
</b:widget-settings> -->
이렇게 하면 해당코드는 주석처리되고 무력화되서 저장하는데 이상 없게 됩니다. 애드센스를 해제하고 다시 설정하거나 애드센스 위젯을 삭제하거나 모두 임시조치입니다. 주석처리를 할 경우 저장이 가능해지고 이후에는 다시 원래 복구 되니 코드걱정은 안 하셔도 됩니다.
해결책을 알고 나면 황당한 경우가 대부분이죠. 위젯 코드를 바꾸거나 다른 형태로 해서 코드 자체를 활성화 시키는 방법으로 오류를 근본적으로 없애는 코드 변경 시도도 해봤지만 안 되네요. 애드센스 승인 기간 동안은 어쩔 수 없이 HTML 편집을 포기하셔야 합니다.
블로그 스팟 중요 팁 모음!
블로그 스팟에서 필요한 팁들을 몇가지 알려드리겠습니다.
- 네이버 서치어드바이저 메타 태그는 반드시 따로 적어 놓을것. HTML 코드로 업데이트 할 방법이 없어서 만약 스킨(블로그 스팟 테마) 변경 등으로 코드가 초기화되면 메타 태그가 날라가는 어처구니 없는 일도 생깁니다. 그럼 어떻게 해야되느냐 네이버 서치어드바이저 가서 메타 태그 재발급 해야됩니다. 문제는 등록한 사이트를 다시 삭제해야 되니 등록한 포스팅도 다시 등록해야하는 대형사고가 될 수 있습니다.
- 다음 웹사이트 도구에서 받은 로봇툴 테스트? 이 코드도 다시 재발급받기 힘드니 꼭 따로 저장해 두세요. 나에게 메일 보내기 등으로 해당 코드는 따로 관리해 두셔야 만약에 로봇.txt가 사라지더라도 해결할 수 있습니다.
- HTML 코드 중 post-title entry-title은 h3>h1으로 super.title은 h1을 h2로 꼭 바꾸시는게 구글 SEO 등에 맞습니다. 저게 무엇을 바꾼 것인가 하면 블로그 제목이 h1으로 설정된 것을 h2로 내리고 포스팅 제목을 h1으로 바꾼 겁니다.
- 설정에서 검색설명은 온하고 검색설명(블로그 스팟 설정)에 내 블로그 설명을 달아놓으면 description 문제가 해결됩니다.
- 맞춤 404(custom 404)는 기본적으로 내 블로그 홈으로라도 설정해 두는게 좋습니다. 이 부분은 개취이기는 하지만 10.15 카카오사태 같은 일이 일어날 때 최악을 막아줍니다. 물론 카카오처럼 서버가 먹통이면 답이 없지만 구글이 그런 일은 없을겁니다.
알고 보면 간단한 것이 프로그래미이라 뭐야 별거 아니잖아 하실 수 있습니다. 그런데 모르면 답이 없는 것이 프로그래밍 오류입니다. 당부드리고 싶은 것은 무료 스킨 등을 이쁘다고 마구잡이로 절대 적용하시면 문제가 생길 때 해결이 힘듭니다. 그리고 애초에 모바일에서는 스킨이 별로 의미가 없는게 블로그 스팟입니다.
댓글 1개
아래의 댓글 입력을 클릭한 후 익명으로 댓글을 달아 주셔도 됩니다. 글 내용에 관한 질문도 환영합니다. 모든 댓글은 관리자의 승인을 받아야 보여집니다. 댓글을 달고 기다려 주세요.
감사합니다. 덕분에 오류 해결 했습니다!!^^