2017-06-13 3 views
5

Ich versuche, das neue Facebook Checkbox-Plugin in meinem Aspx-Seite zu implementieren, aber ich kann es nicht auf dem Bildschirm angezeigt bekommen. Dieser Fehler tritt auf der Clientseite auf, aber Frame ist ausgeblendet.Facebook Messenger Checkbox Plugin nicht Rendering

Fehler:

Refused anzuzeigen 'https://www.facebook.com/v2.9/plugins/messenger_checkbox.php?allow_login=true&app_id= ******* ....' in einem Rahmen, weil ein Vorfahre der folgenden Content Security Policy Richtlinie verletzt: "frame-Vorfahren https://www.facebook.com"

Was ich bisher getan habe:

<script> 
     window.fbAsyncInit = function() { 
      FB.init({ 
       appId: '---MSGAPPID---', 
       xfbml: true, 
       version: 'v2.9' 
      }); 

     }; 

     (function (d, s, id) { 
      var js, fjs = d.getElementsByTagName(s)[0]; 
      if (d.getElementById(id)) { return; } 
      js = d.createElement(s); js.id = id; 
      js.src = "//connect.facebook.net/en_US/sdk.js"; 
      fjs.parentNode.insertBefore(js, fjs); 
     }(document, 'script', 'facebook-jssdk') 
     ); 
    </script> 

<div class="fb-messenger-checkbox" 
     origin="---Orgin url ------" 
     page_id="--Pagelivefacebookid--" 
     messenger_app_id="--Mssgappid--" 
     user_ref="randomnumber" 
     prechecked="true" 
     allow_login="true" 
     size="large"> 
    </div> 

auch ich habe auch weiß die Domain aufgelistet, aber leider nicht in der Lage es auf meiner Seite zu sehen. Schlagen Sie die beste Antwort für diesen Fehler loszuwerden

https://developers.facebook.com/docs/messenger-platform/messenger-profile/domain-whitelisting 
+0

Ich hatte auch CSP-Probleme. Aber es war so, dass ich meine Domain nicht auf die weiße Liste gesetzt habe. –

Antwort

1

Fehler Ich reparierte diese Arbeit zu bekommen:

  1. Sicherstellen, dass die Seite unter den App-Einstellungen abonniert ist, unter „Messenger-Einstellungen“

  2. Vergewissern Sie sich, dass "Herkunft" die URL der Seite ist, auf der Sie dies zu rendern versuchen, NICHT die URL für die Fan-Seite. Ich fühle mich ein bisschen dumm, aber ich habe diesen Fehler gemacht.

  3. Whitelist Ihre Domain, um sicherzustellen, dass Sie es nicht überschrieben haben. Und erhalten Sie eine Liste der aktuell gelisteten Domains, um sicherzustellen, dass sie richtig geschrieben sind und dass kein "www" fehlt.

+0

Es funktionierte für mich, mein Fehler war der dritte Punkt mit dem fehlenden 'www'. Vielen Dank! –