블로그에 관심이 많이 생기다보니 구글 블로거에도 자연스레 관심을 가지게 되었습니다. 국내 최강 티스토리에 비해 얼마나 다른지 해외에서 워드프레스 서비스와 비등비등 할텐데 이것저것 궁금한것이 많이 생겨 직접 서비스를 체험해보기로 맘먹었습니다.
한국에서 접속하기에는 속도가 좀 느려 답답했고, 인터페이스가 의외로 복잡한듯~ 간단한듯~ 오묘했습니다.
트랙백 기능이 없고 대신에 백링크라는 기능으로 약간은 폐쇠적인 통신 방식을 쓴다는것이 좀 특이했고 이미지 삽입이나 기타 여러가지도 특이해서 나름 신선했던것 같네요.
이것저것 시도하다가 보니 나름 치명적인 문제가 있었습니다. 바로 다음뷰 추천위젯을 스킨에 달기가 거의 불가능하다는것이었습니다.
우선 발행(송고)는 RSS를 등록해서 다음뷰 홈페이를 통해 직접 송고하면 됩니다. 구글 블로거 서비스는 기본적으로 RSS피드를 제공하지는 않지만 다음뷰 도움말(http://daumview.tistory.com/256)에 적힌것처럼 ☞ 블로그주소.blogspot.kr/feeds/posts/default?alt=rss 를 활용해서 입력하면 정상적으로 송고가 가능해집니다.
다음으로 중요해지는것이 View 추천 위젯을 설치하는것입니다. 공식적으로 플러그인이 지원되는 서비스가 아니면 도움말 설명처럼 embed나 iframe 태그를 활용해서 스킨에 사용하면 됩니다.
<iframe width=”100%” height=”90″ src=”http://api.v.daum.net/widget1?nid=송고글번호” frameborder=”no” scrolling=”no” allowtransparency=”true”></iframe>
<iframe width=”100%” height=”90″ src=”http://api.v.daum.net/widget1?nurl=블로그 글 주소” frameborder=”no” scrolling=”no” allowtransparency=”true”></iframe>
<embed src=”http://api.v.daum.net/static/recombox1.swf?nurl=블로그 글 주소” quality=”high” bgcolor=”#ffffff” width=”400″ height=”80″ type=”application/x-shockwave-flash” wmode=”transparent”></embed>
<embed src=”http://api.v.daum.net/static/recombox1.swf?nid=송고글번호” quality=”high” bgcolor=”#ffffff” width=”400″ height=”80″ type=”application/x-shockwave-flash” wmode=”transparent”></embed>
송고글 번호(nid)를 활용하는 방법은 다음뷰에서 발행되는 일련번호를 매번 확인해야 하니 스킨에 적용하는것이 매우 어렵습니다 그래서 대부분 플러그인은 블로그 글 주소(nurl)을 사용하는 방식을 사용하게 됩니다.
구글 블로거 스킨에 이용되는 태그들은 태터툴즈랑 조금 틀려 이해하기가 쉽진 않았지만, 블로그 글 주소를 불러오는 태그가 <data:post.url/>라는것을 어렵게 확인하였습니다. 정작 블로거 도움말 부분에는 posts라고 되어있어서 답안나오는 오류때문에 고생을 좀 하긴 했습니다.
즉, 다음뷰 홈페이지에 가서 송고를 한다음에 스킨내용중 본문하단에 다음뷰 추천 위젯이 표시되도록 블로그 글 주소를 활용한 태그를 삽입하면 되겠지 생각했습니다. 다른 플러그인들 역시 동일하니까요. 블로거 스킨 HTML 편집에서 본문 위치는 <data:post.body/> 입니다. 저의 경우에는 총 3군데가 있었는데 그중에 두번째 위치가 실제 본문 위치로 보였습니다.
<iframe width=”100%” height=”90″ src=”http://api.v.daum.net/widget1?nurl=<data:post.url/>” frameborder=”no” scrolling=”no”>
이렇게 간단하게 삽입하면 되겠지 싶었지만, 태그용 꺽쇠 문제로 스킨이 저장되지 않았습니다. 또다시 이걸 확인하기 위해서 이것저것 찾다보니 위의 태그를 아래와 같이 변경하면 해결할 수 있습니다.
<iframe allowtransparency=’true’ expr:src=’"http://api.v.daum.net/widget1?nurl=" + data:post.url’ frameborder=’no’ height=’90’ scrolling=’no’ width=’100%’/>
구글은 좋은게 어떻게든 뒤적거리면 방법이 나온다는 종특이 있죠 ㅎㅎ
이제 짠~~ 하고 나와야할 다음위젯이 멍청하게 나오지 않습니다.
http://api.v.daum.net/widget1?nurl=블로그 글 주소 를 직접 이용해서 주소를 들어가면 정상적으로 나오는데 스킨에만 적용하면 나오지 않는것이 정말 답답했습니다.
역시 이것을 해결하기 위해서 무척이나 뒤적거리던중 RSS에서 답을 찾았습니다.
다음에 글을 송고하기위해 제출한 RSS 주소는 블로그 글 주소를 무조건 블로그주소.blogspot.com으로 전달하게 됩니다. 그래서 다음뷰에 등록된 글 주소는 블로그주소.blogspot.com/bloabloa.html 로 등록되게 됩니다.
한국에서 블로거(블로그스팟)을 접속하면 국가별 도메인인 blogspot.kr 로 강제 리디렉션 됩니다. 그이유는 블로거 도움말 페이지에 친절하게 설명되어있습니다. (https://support.google.com/blogger/answer/2402711?hl=ko)
한국에서 접속하는경우 .kr 로 강제 리디렉션 되면서 <data:post.url/> 부분이 다음뷰에 등록된 blogpost.com 주소가 아닌 blogpost.kr 로 변경되어 다음뷰 위젯을 불러오게 되며 이때 다음뷰는 없는 주소이니 생뚱맞은 화면만 보내게 되는것이죠.
이것을 해결하려면 두가지 방법이 있습니다.
첫번째는 다음뷰에서 블로거서비스를 이용하는 사람이 글을 송고 했을때는 .com 뿐 아니라 .kr도 동시에 송고등록을 시켜주는것입니다. 이건 유저가 할 수 있는 일은 아니고 다음측에서 해줘야 하는데 다음에 현재 문의를 해둔상황입니다.
두번째는 다른 방법이 없으니 .kr로 접속하는 것을 다시 강제로 .com으로 접속시키는 방법이 되겠습니다. 다행스럽게도 구글 도움말에도 나와있다 시피 ncr 이라는 주소를 활용하면 .com으로 강제접속할 수 있고, 이것을 자바스크립트화 한 고마운 능력자들이 있었습니다. <head> 태그 바로 밑에 입력하면 되는 스크립트 입니다.
<script type=”text/javascript”>
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf(“.”));
if (ctld != “.com”) {
var ncr = “http://” + blog.substr(0, blog.indexOf(“.”));
ncr += “.blogspot.com/ncr” + slug;
window.location.replace(ncr);
}
</script>
참고 블로그 : http://www.helperblogger.com/2012/03/always-redirect-your-blogger-blog-to.html
자 이제 모든것이 해결되었습니다.
정리한번 해볼까요? 구글 블로거 서비스에서 다음뷰 추천위젯을 문제없이 스킨에 삽입하기 위해서는
1. 블로그 주소를 활용하는 위젯 태그를 활용하고
2. RSS때문에 .com으로 등록되는 다음뷰 블로그 주소문제를 해결하기위해 .com으로 강제 리디렉션 시키는 스크립트 삽입
두가지 순서로 진행하시면 구글 블로거에서도 다음 추천위젯을 스킨에 넣어 편하게 사용가능합니다.
짧게 작성하면 될것같았는데 쓰다보니 많이 길어졌군요. 저와같이 구글 블로거 서비스에 다음뷰 추천위젯을 추가하려다 좌절직전까지 경험하신 분들에게 도움이 되길 바랍니다.