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

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한
,

[블로그] 티스토리에 네이버 지도 넣기

IT 생활/블로그 2012. 4. 9. 21:26
티스토리는 기본적으로 
'DAUM 지도'를 손쉽게 넣을 수 있도록 지원해줍니다. 

하지만, 
가끔은 필요에 의해서 네이버 지도를 넣어야 할 경우도 발생합니다.

알면 참 쉬운 네이버지도 넣기! 
한번 알아볼까요? 

추천은 저를 춤추게 합니다 ^^



1. 네이버 지도 페이지에 들어갑니다. 
퍼가고 싶은 위치를 검색해서 원하는 위치로 이동 후..
'지도공유'에서 '지도복사' 기능을 선택합니다. 


2. 지도 복사 팝업이 뜹니다. 

여기서 원하는 사이즈를 선택합니다. 

요즘은 스마트폰도 화면이 크기 때문에 최대 크기로 하셔도 됩니다. 

3. '다음' 버튼을 누르면 '지도 복사' 팝업이 뜹니다. 

여기서 html 코드를 복사하기 버튼을 눌러 소스를 복사합니다. 

4. 이제 블로그로 가서 우측 상단의 'HTML' 체크박스를 선택한 후,

복사해온 소스를 붙여넣습니다. 


5. 'HTML'체크박스를 해제하면 

복사해온 지도가 예쁘게 붙어 있는걸 확인 할 수 있습니다. 


참 쉽죠?



그런데 왜 번거롭게 네이버 지도를 해야 하냐구요? 


1). 가끔 경로를 첨부하고 싶을 때 참 편리합니다. 

아래 사진처럼 말이죠~ 

2). 스마트폰에서 볼때, 

다음 지도는 손으로 휘~휘 화면을 넘기다 보면 

어느순간 화면은 안 내려가고 지도만 움직이고 있는 경험이 있으실 텐데요. 

네이버 지도는 스크롤에는 반응하지 않고, 클릭하면 새창에서 네이버 지도페이지가 뜹니다. 


3). '다음 지도'는 html 소스와 충돌이 나는 경우가 있답니다. 

네이버 지도는 충돌이 않는다면 이럴땐 선택의 여지가 없이 네이버 지도를 사용해야 겠죠? 


이제 그때그때 상황따라 취향따라 지도를 골라서 넣어보세요~ 

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

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

[블로그] 다음 뷰 추천 버튼 모바일 페이지에 넣기  (53) 2012.08.29
Posted by KT한
,

티스토리툴바