2 건의
Programming/Web 검색결과

홈페이지를 만들다 보면

유저가 모바일로 접속한것인지, 데스크탑으로 접속한건지

구별해야 할 때가 있다.


모바일로 접속했을 경우 모바일 웹을 보여줘야하고

데스크탑으로 접속했을 경우 PC웹을 보여줘야 하기 때문이다.

(물론 다른이유들도 있겠지만)


그리하여, 접속자가 모바일로 접속했는지 PC로 접속했는지 구별하는 방법을 알아보자





위와 같이 $_SERVER['HTTP_USER_AGENT'] 로 모바일인지 PC인지 등을 구별할 수 있다.

위의 소스는 일부러 iOS와 Android 를 나누었지만

나누지 않고 Mobile 로 구별할 수 도 있다.

Agent 로 오는 값은 다양한데 대표적으로 아래와 같은 목록이 있다.



위의 목록이면 거의 대부분의 '스마트폰'을 식별해 낼 수 있다.







위와 같은 페이스북 좋아요, 공유버튼을 만들어 달아보자



https://developers.facebook.com/docs/plugins/like-button

위의 링크로 접속하면 페이스북 좋아요 버튼을 만들 수 있다.




<그림1>



위의 그림1과 같은 모습을 볼 수 있는데. 각 텍스트에 내가 원하는 값들을 넣으면 쉽게 Code 를 작성해준다.


URL to Like 에 좋아요 갯수를 올릴 링크를 넣고

Layout 과 Action Type 을 지정해주고, 옵션을 선택하고 Get Code 를 누르면 된다.

[ 가운데 미리보기를 보면서 만들면 누구나 쉽게 만들 수 있다]




<그림2>


그림2와 같이 만들어 준 코드를 홈페이지 나 블로그에 적용 하기만 하면된다.

Body 내에 스크립트를 넣어두고,

아래칸의 코드를 버튼을 두고싶은 위치에 적용하면 된다.


위와 같은 소스를 적용하면!





위와 같이 해당 사이트에 대해 좋아요를 표시하고, 좋아요 버튼을 누름으로서 페이스북에 뉴스피드에 홍보효과까지 생긴다!


티스토리 툴바