[블로그] 다음 뷰 추천 버튼 모바일 페이지에 넣기

IT 생활/블로그 2012. 8. 29. 09:30
블로거라면 '다음 뷰' 를 알고 계실텐데요.

 

다음 뷰를 보고 방문하는 사람도 은근히 많고
쌓여가는 추천 수를 보고 있으면 왠지 모를 뿌듯함 까지 느낄 수 있죠. 


그런데.. 
모바일용 다음뷰 서비스를 지원 해주면서
퍼가기 에는 모바일용 주소를 제공해 주지 않더라는 거죠. 

이런 버튼 말이죠~
추천은 저를 춤추게 합니다 ^^


요즘은 스마~트 시대여서 
모바일 기기에서 방문하는 숫자가 갈수록 증가하는 추세라 아쉬움이 더 큽니다. 

그래서 열심히 검색도 해봤지만..
아무도 알려주는 곳이 없더군요. 


그리하야 독학으로 찾아낸 방법!

다음 뷰 모바일 페이지의 소스를 뒤져서 소스를 어렵사리 구할 수 있었습니다. 

※ 아래 코드를 더블클릭 하시면 복사가 가능합니다. 
 

빨간색으로 표시한 부분만 넣고자 하는 포스팅의 id값으로 수정해주시면 됩니다.


<iframe class="tt_plugin_daumView" src="http://api.v.daum.net/open/recommend_widget?nid=17123113&amp;service=tistory" width="56" height="55" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" title="Daum view 추천"></iframe>


그런데.. 내 포스팅의 id를 어떻게 아냐구요?

어렵지 않아요~ 

여러분이 올린 글을 다음뷰에서 클릭 하면  아래 그림처럼 나오는데요.. 
오른쪽에보면 '추천 분석'을 클릭 후 '추천 위젯'을 클릭하면 됩니다.  

이걸 클릭하면 퍼갈 수 있게 소스를 보여줍니다. 

여기서 id값을 복사하면 됩니다.
아래 발간색 박스 친 부분에 있는 숫자가 여러분이 찾는 id 값이랍니다. 



이 값만 바꿔서 글에 등록 하면 
이런 이쁜 모바일용 다음뷰 아이콘이 등록 됩니다.  참잘했어요


참고로, 다음뷰 소스를 서식에 저장해놓고 쓰면 매우 편리합니다. 

이제 모바일 페이지에서도 원하는 위치에 다음뷰 추천 배너를 넣어봅시다~  

추신) '다음 지도'와 함께 넣게 되면 모바일 페이지에서 추천 버튼 이후 내용이 잘려버립니다. ㅠ.ㅠ  
지도를 넣어야 하는 포스트에서는 iframe대신 embed를 사용하시거나 네이버 지도를 사용하셔야 합니다. 

<embed class="tt_plugin_daumView" src="http://api.v.daum.net/open/recommend_widget?nid=17123113&amp;service=tistory" width="56" height="55" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" title="Daum view 추천"></embed>

※ 아래 코드를 더블클릭 하시면 복사가 가능합니다. 

네이버 지도 넣는법은 '티스토리에 네이버 지도 넣기' 포스트를 참고하세요. 

네이버 블로그에 다음뷰를 넣고자 하시는 분들의 문의가 많은데요. 

PC버전에서는 잘 되지만 모바일 페이지에서는 보이지 않는 문제가 있습니다. 
이는 네이버에서 외부 사이트 링크에 대해서 주소가 'www.youtube.com'이 아니면 무조건 필터링을 통해 내용을 지워버리는 것으로 확인 되었습니다. 
현재 여러가지로 방법을 찾아보고는 있으나.. 쉽지 않네요. 
혹시 방법을 아시는 분이 계시다면 정보 공유 부탁드립니다. ^^ 

 
도움이 되셨다면 추천 한번 눌러주세요~ ^^ 


저작자표시 비영리 변경금지

'IT 생활 > 블로그' 카테고리의 다른 글

[블로그] 티스토리에 네이버 지도 넣기  (0) 2012.04.09
Posted by KT한
,

티스토리툴바