2017-09-18 11 views
1

私は8つのプロバイダーを正常に設定した基本的なジャレインアカウントを持っています。ウィジェット& SDKsセクションから、ウィジェットに表示される6つのプロバイダも選択しました。私は、Social Engine 4.8.12でJanrainの統合を有効にしました。しかし、Janrainウィジェットは、私のSocialEngineウェブサイトのログインページに3つのデフォルトプロバイダしか表示しません。誰もがこれを修正する方法を知っていますか?
これは私が設計して見ることを期待しているものです:
enter image description hereジェーンウィジェットは予想されるプロバイダーを表示していません

答えて

1

受け付けを開始社会ログイン(エンゲージ)ウィジェットが設定するには、主に二つの方法があります。これは私がログインページに表示されるものである
enter image description here
ソーシャルプロバイダの表示。

Social Login Configuration

最初のオプション「保存と公開」受け付けを開始CDNに設定を保存します。これらは、以下のスクリーンショットに示されています。下の警告では、「デプロイされたウィジェットには変更が表示されるまでに1時間ほどかかることがありますが、通常はそうではありませんが、5分以上かかることはありません。これらの設定を保存するには、実際に[公開]ボタンをクリックすることが重要です。

2番目のオプションは「保存して埋め込み」です。ウィジェットを使用するためにWebページに埋め込むことができる必要なJavaScriptコードが生成されます。次のようになります。

<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

+0

での支援のための受け付けを開始のサポートに連絡しなければならない作業している場合は! – JasonStack

+1

申し訳ありませんが、私はあなたが「基本的な」アプリケーションを持っていることを忘れていました。 CDN公開は、有料の顧客にのみ利用可能です。保存ボタンをクリックしたときに生成されるJavascriptコードを使用していますか? – PBJanrain

+0

私は今朝もう一度チェックして、ウィジェットは設定されたすべてのプロバイダを持っていました。私は時間がそれを解決した場合、またはサポートチームのメンバーがそれを解決したかどうかはわかりません。 – JasonStack

関連する問題