Facebook 로그인 팝업 상자 공백

빠른 정적 랜딩 페이지를 만든 후 Facebook 로그인이 작동하지 않는 것으로 나타났습니다. 로그인을하거나 거부하기 전에 상자를 열어 자동으로 리디렉션합니다. Facebook 로그인 팝업 상자 공백

우리의 방문 페이지입니다 http://www.gemroc.com/landing/index.html

에서 참조하시기 바랍니다. 내가 가지고있는 문제를 볼 수 있습니다.

다시 fb 소스 코드를이 페이지에 복사했습니다. 나는 그것이 문제가 어디에 있는지 짐작하고있다. 어떤 도움이라도 좋을 것입니다!

감사합니다.

다음은 소스 코드에서 복사 된 것이므로 의심스러운 부분입니다.

<script type="text/javascript">  
(function(d){ 
    var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];  
    if (d.getElementById(id)) {return;} 
     js = d.createElement('script'); js.id = id; js.async = true; 
     js.src = "https://connect.facebook.net/en_US/all.js"; 
     ref.parentNode.insertBefore(js, ref); 
    }(document)); 

window.fbAsyncInit = function() { 
    FB.init({ 
     appId  : 'OurAppID', 
     status  : true, 
     cookie  : true, 
     xfbml  : true 
    }); 
    Event.observe(window, 'load', function() { 
     Event.fire(document, 'fbinit:ready',{}); 
    }); 
}; 
</script> 
<script type="text/javascript"> 
Event.observe(document, 'fbinit:ready', function(event){ 
    mpFBConnect.init("https://www.facebook.com/dialog/oauth?client_id=430913623675901&redirect_uri=http%3A%2F%2Fwww.gemroc.com%2Ffacebookconnect%2Flogin%2F&state=a728aaf88633a0e24b793630a1b01194&scope=email%2Cpublish_stream&display=popup"); 
}); 

mpFBConnect.facebookconnectform = '<form id="facebookconnectform" method="post" action="https://www.gemroc.com/facebookconnect/login/">' + 
    '<input type="hidden" name="return" value="aHR0cDovL3d3dy5qamV3ZWwuY29tLw==" />' + 
    '<input type="hidden" name="fbconnecttype" value="form" />' + 
    '</form>'; 
</script>

출처

2014-04-09 MagentoMan

developer.facebook.com에서 Facebook을 통해 앱을 만들고 앱 ID와 비밀 키를 스크립트에 입력 했습니까?

또한 개발 서버 테스트에서 URL을 변경하는 것을 잊지 마세요 - 당신이 방금 복사 및 붙여 넣은 것 같습니다 한번

편집

로 잡혀 있었어요 우클릭하고 소스를 보러 HTML을 출력하십시오. 이것은 실행 시간과 같지 않습니다. 스 니펫은 몇 가지 추가 정보로 생성됩니다.

헌트 당신은 아주 간단한에서 페이스 북 로그인하고 선호하는 방법을 할 수 있다면 대신

출처

2014-04-09 01:54:12 ScottMcGready

예. gemroc.com에서는 작동하지만 방문 페이지에서는 효과가없는 것을 볼 수 있습니다. 그것은 복사 및 붙여 넣기 작업과 관련이 있어야합니다. 감사합니다 – MagentoMan

붙여 넣기를 어떻게 복사 했습니까? 어떤 종류의 "코드"입니까? – ScottMcGready

문자 그대로 소스 코드를 복사했습니다. 그러나 외부 js 파일은 동일하게 유지됩니다. 내가 진짜 빨리 복사 한 것으로 포스트를 업데이트하자. 감사합니다 – MagentoMan

당신은 복잡한 흐름을 만들기 위해를 생성하는 파일의 코드를 사용 아래로?

window.fbAsyncInit에서 바로 FB.init 코드 뒤에, 그것 뿐이다 this-

FB.login(function(response) { 
    if (response.authResponse) { 
     // The person logged into your app 
    } else { 
     // The person cancelled the login dialog 
    } 
});

물품. 매번 로그인 할 때마다 전화를 걸지 않고 세션에있는 경우 자동으로 로그인하려면 다음 코드를 사용하십시오. https://developers.facebook.com/docs/facebook-login/login-flow-for-web/

출처

2014-04-09 04:24:48

Facebook 로그인 팝업 상자 공백

답변

관련 문제