кнопка отправки в мессенджер facebook не отображается

Question

Я скопировал содержимое документа в проект и обнаружил, что кнопка отправки в мессенджер не может нормально отображаться. Не знаю, правильно ли я написал. Надеюсь, на это можно указать. Спасибо

<div class="fb-send-to-messenger" target="_top" messenger_app_id="1161361367562713" page_id="115362550241347" data-ref="PASS_THROUGH_PARAM" color="blue" size="standard">send to messenger</div>
window.fbAsyncInit = function() {
 FB.init({
  appId            : '1161361367562713',
  autoLogAppEvents : true,
  xfbml            : false,
  version          : 'v7.0'
 });
        FB.Event.subscribe('send_to_messenger', function(e) {
        // callback for events triggered by the plugin
          console.log(e, 'send_to_messenger');
        });
        FB.XFBML.parse(document.getElementById('root'), () => {
          console.log('parse')
        });
      };
(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 = "https://connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));