Загрузите комментарий Facebook после просмотра комментариев

Question

Я использую плагин комментариев Facebook в своем приложении. Когда страница посещается, она замедляет загрузку страницы некоторыми.

Как я могу добавить кнопку называемые Показать комментарии и только после щелчка на кнопку render Facebook комментарии плагин.

Here is a example

Это то, что я до сих пор

<div class="fb-comments" data-href="https://developers.facebook.com/docs/plugins/comments#configurator" data-numposts="5"></div> 

<div id="fb-root"></div> 
<script> 

    (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#xfbml=1&version=v2.7&appId=<APP_ID>"; 
     fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 


</script> 

Answer 1

Вы можете использовать пользовательскую функцию

<button onClick="showComments();">show comments</button> 


<div class="fb-comments" data-href="https://developers.facebook.com/docs/plugins/comments#configurator" data-numposts="5"></div> 

<div id="fb-root"></div> 
<script> 
    function showComments() { // Custom function called on click 
    (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#xfbml=1&version=v2.7&appId=<APP_ID>"; 
     fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
    } 

</script>