Facebook messenger checkbox plugin not rendering

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.

Error:

Refused to display 'http://ift.tt/2swWR17*******....' in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors http://ift.tt/g8FRpY"

What i have done so far :

 <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>

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

http://ift.tt/2rdojgq