title: Facebook messenger checkbox plugin not rendering
body: <p>I'm trying to implement the new Facebook Checkbox plugin in my aspx page but I can't get it showing on the screen. This error is happening at client side but Frame is hidden.</p>
  
  <p>Error:</p>
  
  <p>Refused to display '<a href="https://www.facebook.com/v2.9/plugins/messenger_checkbox.php?allow_login=true&amp;app_id=" rel="noreferrer">https://www.facebook.com/v2.9/plugins/messenger_checkbox.php?allow_login=true&amp;app_id=</a>*******....' in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors <a href="https://www.facebook.com" rel="noreferrer">https://www.facebook.com</a>"</p>
  
  <p>What i have done so far :</p>
  
  <pre><code> &lt;script&gt;
          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')
          );
      &lt;/script&gt;
  
   &lt;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"&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Also, i have also white listed the domain but unfortunately not able to see it on my page. Suggest the best answer for get rid of this error</p>
  
  <pre><code>https://developers.facebook.com/docs/messenger-platform/messenger-profile/domain-whitelisting
  </code></pre>