웹사이트 페이스북 로그인 인증시 차단 해제하기

사이트에서 페이스북 인증 로그인을 하는데 차단당하는 경우가 있습니다.

저희 회사 빌더서비스에서 그랬는데  어느날 페이스북으로 로그인하기가 안되더군요.원인은 해외 가입자가 스크립트를 심어서 페이스북으로 링크를 걸어놨더군요.

문의를해도 반응도 없고 오래걸린다고 합니다.마냥기다릴수 없어 이것거젓 해봣는데 우연히 해결했습니다.

 

구글링하다가 비슷한 문의를 찾았는데

https://ko-kr.facebook.com/business/help/community/question/?id=10153249822183354




https://developers.facebook.com/tools/debug/?ref=u2u여기에 차단당한 url넣으라고 하고 

mywot.com여기서 평판을 높이라는거 같아서

크롬에서 mywot.com 평판 어플설치하고 신뢰성 어린이 안정성 체크하였습니다.그리고 나서 위에 빨간부분을 클릭해서 wot사이트로 이동됩니다.

 

아래부분에 빨간색으로 표시된 부분을 클릭하면 다시 평판을 체크할수 있는곳이 나옵니다.




다시체크해주시고 저장버튼 누르시면됩니다.사실정확하지는 않은데 이렇게 해보다가 갑자기 차단된게 풀렸습니다.

사이트에 보면 페이스북이랑 평판데이터를 공유하여 처리하는듯합니다.아무튼 해결되어 기쁘네요 ^^

 

 

태국 사이트 폰트 쓰는법

태국 사이트를 만드실때 폰트가 궁금 하실 텐데요.

기본적으로 시스템 폰트인

tahoma폰트를 쓰고

웹폰트는

sukhumvit

ThaiSansNeue

HelvethaicaX를 쓴다고 합니다.

http://tradingdesign.co.th/demo/pet_town/

http://tradingdesign.co.th/demo/pet_town/fonts/db_helvethaica_x/DBHelvethaicaX.woff

http://tradingdesign.co.th/demo/pet_town/fonts/SukhumvitSet-Text/SukhumvitSet-Text.woff

http://tradingdesign.co.th/demo/pet_town/fonts/ThaiSansNeue-SemiBold/ThaiSansNeue-SemiBold.woff

 

 

 

 

 

구글에서 제공하는 태국 웹폰트 입니다.

https://fonts.google.com/?subset=thai

폰트패밀리를 font-family: ‘tahoma’, ‘Open Sans’, sans-serif;  기본으로 하시고 마음에드는 웹폰트를 추가하시면될거 같네요.

구글지도 소스 언어설정-영어로 나오게 하기

먼저 구글지도를 영문명으로 보고 싶을때는 아래와 같이 언어옵션 파라미터를 주면 됩니다.

https://maps.google.co.kr/?hl=en

영어는:en
중국어:zh
일본어:ja
베트남어:vi

 

 

 

구글 지도를 홈페이지에 넣을때 특정 언어로 나오게 하는 소스

기본적으로 구글지도는 브라우져 언어를 감지해서 해당 언어로 보여지는데요.

지도에 표시된 글자를 한국에서도 영어로 나오게하는 소스입니다.

아래소스에 구글api키값을 넣으시고 좌표값을 넣어주시면됩니다.

 

 

<style>

#map {

height: 300px;

}

</style>

<div id=”map”></div>

<script>

function initMap() {

var cairo = {lat: 30.064742, lng: 31.249509};

var map = new google.maps.Map(document.getElementById(‘map’), {

scaleControl: true,

center: cairo,

zoom: 15

});

var infowindow = new google.maps.InfoWindow;

infowindow.setContent(‘<b>말풍선에 들어갈 문구</b>’);

var marker = new google.maps.Marker({map: map, position: cairo});

marker.addListener(‘click’, function() {

infowindow.open(map, marker);

});

}

</script>

<script async defer src=”https://maps.googleapis.com/maps/api/js?key=키값을 넣어주세요&language=en&callback=initMap”></script>

적용해보면 아래와 같이 보여지는 걸 볼수 있습니다.

 

 

 

구글 맵 개발자 페이지에 보면 다른 샘플 소스들이 있으니 참고하시면 될거 같아요.

https://developers.google.com/maps/documentation/javascript/examples/?hl=ko