티스토리 모바일 페이지에 믹시(mixsh) 위젯 넣어, 조회수 제대로 표시하는 방법

 

mixsh 위젯은 tistory 블로그에 조회수를 표시할수 있는 몇개 안되는 방법중에 하나인데, 단점이라면 PC 데스크탑에서의 조회수만 가능하고, 스마트폰에서 접속해온 내용은 알수가 없습니다.

편법으로 넣는 방법인데, 다만 본문에 직접 해당 코드를 삽입해야 하고, 약간의 수정을 해주어야 하더군요.

티스토리 모바일 페이지 CSS 스타일 문제와 애드센스 광고 데스크탑용이 중복되지 않게 본문에 삽입하는 방법

티스토리 모바일용 페이지 스킨에 구글 애드센스 광고를 달수 있는 플러그인이 추가와 유의사항

위 글에서 남무님의 js파일을 삽입하는 방법으로 모든 페이지에 구글 어날리스틱이나 광고를 삽입하신분이라면 간단하게 js 파일에 코드를 넣고 약간 손을 봐주시면 됩니다.

설치를 하고나면 위처럼 모바일 페이지에서도 문제없이 나옵니다.

그럼 앞으로 믹시페이지에서 보는 페이지뷰가 PC+스마트폰의 조회수가 되겠지요~

뭐 우선 믹시에는 가입이 되어있고, 블로그도 등록이 되어 있어야 하고, mixshup 위젯페이지에서 코드를 받아와야 합니다.

http://mixsh.com/widget/mixup/

pc에서는 티스토리 플러그인을 통해서 삽입을 하는 방법이 있고, 조회수 등을 감추기 위해서 위의 코드를 가져와서 크기를 수정하기도 하지요~

<iframe src='http://mixsh.com/widget/new_mixup/loader.html?muid=8335&guid=http://danbis.net/[##_article_rep_id_##]&rdate=[##_article_rep_date_##]&rawhtml=&skin=1&showhitcnt=1&platform=1' frameBorder='0' scrolling='no' allowTransparency='true' width='402' height='91'></iframe>

위 코드를 본문에 삽입하면 되는데, 문제는 위에 굵게 표시된 치환자가 스킨내에서는 제대로 작동을 하디만, 본문내에서는 작동을 안해서, 그냥 삽입을 하면 해당 글을 수집하고 있다는 메세지만 나옵니다.

(function() {

    var currentM;

    currentM = location.href.split("/")[3]; //<-- // 구분자로 짤라와서

    if(currentM=='m'){  // 모바일페이지인 경우

               // 블로그 글 숫자 주소를 가져옴

currentM = location.href.split("/")[4];    


               // http://danbis.net/m/post/view/id/14456 이런식의 경우에는 처리

if(currentM=='post') currentM = location.href.split("/")[7];


              // http://danbis.net/m/14456?viewvar 와 같은 경우 처리

currentM = currentM.split("?")[0];

document.writeln('<iframe src=http://mixsh.com/widget/new_mixup/loader.html?muid=8335&guid=http://danbis.net/' + currentM + '&rdate='+'2013/10/28' +'&rawhtml=&skin=1&showhitcnt=1&platform=1 frameBorder=0 scrolling=no allowTransparency=true width=66 height=60></iframe>');

   }

})();

저는 남무님의 코드를 가지고 위처럼 약간 수정을 했는데, 문제없이 작동하네요.

위에서 여러경우의 오류를 처리하고, 믹시위젯 코드에 페이지번호와 날짜를 넣어주시면 됩니다.

날짜의 경우 자바스크립트로 처리를 하면될듯한데, 우선은 귀찮아서 오늘 날짜로 박아놓았습니다.(현재 시간으로 되도록 수정은 했는데, 귀찮아서 수정은 안했네요. 필요하신분은 댓글달아주세요~)

위젯사이즈는 66, 60정도로 하시면 추천수만 표시가 되고요...

이렇게하면 danbisw.tistory.com과 2차도메인인 danbis.net 모두 작동하고, 다음뷰에서 넘어오는 링크나 네이버 다음에서 모바일을 통해서 들어오는 조회수도 표시가 가능합니다.

뭐 그리 권장하거나 추천할 방법은 아닌듯한데, 혹시나 필요한 분이 있을까 싶어서 포스팅을 해놓습니다.

그리고 믹시 조회수가 좀 오락가락하는 편인데, 대략적으로 맞기는 하지만, 구글 어날리스틱에 비하면 조회수가 좀 적데나오는데, 대략적으로 본다고 생각하시면 좋을듯 하네요~

행여나 나중에 티스토리측에서 모바일 스킨의 html파일을 수정하게 해준다면 전혀 쓸모가 없겠지요...-_-;;