Janrain 위젯이 예상 공급자를 표시하지 않습니다

Question

저는 약 8 개의 제공자를 성공적으로 구성한 기본 Janrain 계정을 보유하고 있습니다. 위젯 & SDK 섹션에서 위젯에 표시 할 6 개의 제공자도 선택했습니다. 나는 소셜 엔진 4.8.12에서 얀 레인 (Janrain)의 통합을 가능하게했습니다. 그러나 Janrain 위젯은 SocialEngine 웹 사이트의 로그인 페이지에 3 개의 기본 공급자 만 표시합니다. 누구든지이 문제를 해결하는 방법을 알고 있습니까?
이 내가 디자인하고 볼 것으로 예상 한 것입니다 :

Answer 1

Janrain 사회 로그인 (참여) 위젯이를 구성하는 두 가지 방법이 있습니다 : 이것은 로그인 페이지에 표시되는 내용입니다

사회 공급자의 전시. 이들은 다음 스크린 샷에 나와 있습니다

첫 번째 옵션은 "저장 및 게시"를 Janrain CDN에 설정을 저장합니다. 하단의 경고는 "변경 사항은 배포 된 위젯에 표시되는 데 최대 1 시간이 걸릴 수 있지만 일반적으로 (항상 그런 것은 아니지만) 5 분을 넘지 않습니다. 이러한 설정을 저장하려면 실제로 "게시"버튼을 클릭하는 것이 중요합니다.

두 번째 옵션은 "저장 및 포함"입니다. 그러면 위젯을 사용하기 위해 웹 페이지에 임베드 할 수있는 필수 자바 스크립트 코드가 생성됩니다. 다음과 유사합니다.

<script type="text/javascript"> 
(function() { 
    if (typeof window.janrain !== 'object') window.janrain = {}; 
    if (typeof window.janrain.settings !== 'object') window.janrain.settings = {}; 

    /* _______________ can edit below this line _______________ */ 

    janrain.settings.tokenUrl = '__REPLACE_WITH_YOUR_TOKEN_URL__'; 
    janrain.settings.type = 'embed'; 
    janrain.settings.appId = 'REPLACE_WITH_YOUR_APP_ID'; 
    janrain.settings.appUrl = 'https://APPNAME.rpxnow.com'; 
    janrain.settings.providers = [ 
    'facebook', 
    'linkedin', 
    'googleplus', 
    'twitter', 
    'instagram', 
    'paypal_openidconnect', 
    'yahoo', 
    'microsoftaccount']; 
    janrain.settings.providersPerPage = '8'; 
    janrain.settings.format = 'two column'; 
    janrain.settings.actionText = 'Sign in using your account with'; 
    janrain.settings.showAttribution = true; 
    janrain.settings.fontColor = '#333333'; 
    janrain.settings.fontFamily = 'arial'; 
    janrain.settings.backgroundColor = '#FFFFFF'; 
    janrain.settings.width = '380'; 
    janrain.settings.borderColor = '#CCCCCC'; 
    janrain.settings.borderRadius = '10'; janrain.settings.buttonBorderColor = '#CCCCCC'; 
    janrain.settings.buttonBorderRadius = '5'; 
    janrain.settings.buttonBackgroundStyle = 'gradient'; 
    janrain.settings.language = ''; 
    janrain.settings.linkClass = 'janrainEngage'; 

    /* _______________ can edit above this line _______________ */ 

    function isReady() { janrain.ready = true; }; 
    if (document.addEventListener) { 
     document.addEventListener("DOMContentLoaded", isReady, false); 
    } else { 
     window.attachEvent('onload', isReady); 
    } 

    var e = document.createElement('script'); 
    e.type = 'text/javascript'; 
    e.id = 'janrainAuthWidget'; 

    if (document.location.protocol === 'https:') { 
     e.src = 'https://rpxnow.com/js/lib/APPNAME/engage.js'; 
    } else { 
     e.src = 'http://widget-cdn.rpxnow.com/js/lib/APPNAME/engage.js'; 
    } 

    var s = document.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(e, s); 
})(); 
</script> 

위의 코드에서 공급자가 Javascript 배열로 나열되는 방법을 확인할 수 있습니다.

이러한 옵션 중 어느 것도 다음 앱의 구성에 문제가있을 수 있습니다 작업하고 http://support.janrain.com