How to add google+ comments in template

core
1 
<script src="https://apis.google.com/js/plusone.js"></script>
<div id="comments"></div>
<script>
gapi.comments.render('comments', {
    href: window.location,
    width: '624',
    first_party_property: 'BLOGGER',
    view_type: 'FILTERED_POSTMOD'
});
</script>

my template dose not show any data

tryied out this

this.route(‘contact’, {

    path            : '/contact',
    template        : 'contactFormTemplate',
   
     waitOn: function() {
    return [IRLibLoader.load('https://apis.google.com/js/plusone.js')];
}

and

Template.ContactComments.render = function(){

$(’#g-comments’).attr(‘data-href’,‘http://www.site.com/’);
$(’#g-comments’).attr(‘data-width’,‘642’);
$(’#g-comments’).attr(‘data-first_party_property’,‘BLOGGER’);
$(’#g-comments’).attr(‘data-view_type’,‘FILTERED_POSTMOD’);

}

but the page is taking too much time to load

and now getting this error

Uncaught SecurityError: Blocked a frame with origin “https://www.youtube.com” from accessing a frame with origin “http://localhost:3000”. The frame requesting access has a protocol of “https”, the frame being accessed has a protocol of “http”. Protocols must match.

meteor.js:888 Exception in callback of async function: ReferenceError: IRLibLoader is not defined