지난 포스팅에서 다음뷰 추천위젯 버튼이 PC웹페이지에서는 아무렇지 않게 잘 나타나는데..
스마트기기(아이폰,아이패드 등)으로 접속할 경우에는 PC웹페이지나 모바일 페이지나 둘다 보이지 않는 사실을 알려드렸습니다^^
언젠가는 이런 문제들이 플래시가 아닌 다른 것으로 대체가 되거나 또 다른 좋은 방법으로 변경되리라 생각되지만...
이러한 다음뷰 버튼이 보이지 않는 그런 문제점에 민감해서 지금이라도 내가 지정한 위치에 정상적으로 보이게끔 하고 싶은 분들에게 유용한 정보가 있습니다.
아직도 다음뷰 버튼이 뭐가 문제인지 이해가 안가시는 분이 계시다면 스마트폰으로 자신의 블로그에 접속해보세요..
PC에서는 깔끔하고 이쁘게 보이는 손가락 버튼이 스마트폰에선 공백으로 나온다는 사실^^ 앞선 말씀드렸듯이 플래시때문이죠..[블로그센스/블로그 TIP] - 스마트폰과 PC 웹페이지를 비교했더니~
일반적으로 블로그에 적용하는 다음뷰 손가락 버튼의 문제점
위 캡쳐화면은 예전에 사용하던 다음뷰 손가락 추천버튼인데요..예전부터 이렇게 서식을 만들어서 포스팅할때마다 필요한 부분에 넣어주는 방법을 사용했었죠^^
그런데 저 손가락버튼이 플래시 기반의 소스이기때문에 위 화면처럼 스마트 기기로 접속한 모바일 페이지에서는 전혀 보이지가 않는 문제가 발생하게되죠...
지금 현재로선 모바일 페이지에만 쓰이고 있는 다음뷰 추천 버튼..
위 캡쳐화면은 최근에 변경해서 적용해준 모바일용 다음뷰 버튼입니다..신기하게도 이 모바일용 버튼은 모바일 페이지 전용이 아니에요~
소스만 알아낸 다음 블로그에 적용하면 저렇게 PC화면에서도 아무런 문제없이 보이는걸 알수가 있습니다..
자..이렇게 스마트 기기로 접속한 모바일 페이지에서도 다음뷰 버튼이 확실히 보이죠?^^
바로 이런 방법으로 다음뷰 추천 버튼이 어디에서든 보일수 있도록 만들수 있습니다...그런데 왜 다음 측에서는 아직 이 버튼을 공개로 제공안하는지 모르겠군요 ㅠㅠ
다음뷰 버튼이 모바일에서 안보인다면?
모바일 다음뷰 버튼의 소스는 PC웹페이지에는 존재하지 않구요..당연히 모바일 페이지로 접속해야 찾을수 있습니다..
티스토리 블로그 모바일 페이지 본문 최하단부를 보면 무조건 저 위치에 다음뷰 버튼이 자동으로 생성되죠..저 버튼의 소스를 알아내기만 하면 되는데~~ 이때 구글 크롬 '요소 검사' 활용하기 기능이 진가를 발휘합니다^^
일단 PC에서 모바일 페이지로 접속을 해야하는데..자신의 블로그 주소 바로 뒤에 /m 만 붙여주면 모바일 페이지로 이동됩니다^^
그리고 구글 크롬 '요소 검사' 활용하기를 이용해서 모바일 페이지에 보이는 다음뷰 버튼 위젯 소스를 찾아내는 거죠^^
소스에 보이는 것과 같이..이 녀석은 플래시가 아닌 아이프레임입니다^^
당연히 블로그 html에 넣어주면 잘보이죠~ 위에 언급했듯이..서식으로 미리 만들어 두고 포스팅할때마다 넣어주는게 좋아요~ 그런데 이 방법의 단점은 좀 번거롭다는 사실이에요...
발행하기 전에는 해당 포스팅 콘텐츠 고유번호를 알수가 없기 때문에 다음뷰에 발행한 이후에 고유번호를 알아낸 그 다음..서식에 고유번호를 복사해서 넣어줘야 한다는 게 좀 흡입니다^^
그래도 이런 방법으로 모바일 페이지에 자기가 원하는 위치에 다음뷰 버튼이 보이게 할 수 있다는 그 자체만으로도 나름 괜찮은 방법이라 생각되네요~~