Responsive Google plus comments виджет.

Responsive Google plus comments виджет.

Google+ comments (как сделано у меня на сайте):

<div id="g-comments-id" style="width: 100%">
   <div class="g-comments"
      data-href="https://pslater-ru.remotewebaccess.com/site/index.php?action=viewArticle&articleId=<?php echo $results['article']->id?>"
      data-width = "820"
      data-first_party_property="BLOGGER"
      data-view_type="FILTERED_POSTMOD">
   </div>
 </div>
 
<script type="text/javascript">
    window.___gcfg = {lang: 'ru'};
    document.getElementsByClassName('g-comments')[0].setAttribute('data-width', document.getElementById('g-comments-id').clientWidth);
    (function () {
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
    })();
</script>

Google+ Badge:

<div id="google-badge" style="width: 100%">
    <div class="g-page" data-width="265" data-href="https://plus.google.com/106752022554045970750" data-rel="publisher"></div>
<script type="text/javascript">
    window.___gcfg = {lang: 'en'};
    document.getElementsByClassName('g-page')[0].setAttribute('data-width', document.getElementById('google-badge').clientWidth);
    (function () {
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/platform.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
    })();
    </script>
</div>