Laden Facebook Kommentar nach dem Klicken auf Show Kommentare

Question

Ich benutze Facebook Kommentare Plugin in meiner Anwendung. Wenn eine Seite besucht wird, verlangsamt sie das Laden der Seite um einiges.

Wie kann ich eine Taste genannt anzeigen Kommentare und nur nach Klick auf den Button render Facebook Kommentare Plugin.

Here is a example

Dies ist, was ich

<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

Sie können eine benutzerdefinierte Funktion verwenden, so weit haben

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