How to add Google+ Comments to any website

×

    🚩 Report

    How to add Google+ Comments to any website

    Here is a quick way of intergrating the google plus comment system on your site

    Google+ Comments is a social wigdet from Google, which works similar to Facebook Comments Box or Disqus. For now, it is available only for blogs on the Blogger platform. But here is an unofficial way to embed Google+ Comments on any website or blog:

    1. Edit your website and add this HTML:
    • <script src=”https://apis.google.com/js/plusone.js”>
      </script>
      <g:comments
       href=”[URL]”
       width=”642″
       first_party_property=”BLOGGER”
       view_type=”FILTERED_POSTMOD”>
      </g:comments>
    1. or a valid HTML5 version:
    • <script src=”https://apis.google.com/js/plusone.js”>
      </script>
      <div
       data-href=”[URL]”
       data-width=”642″
       data-first_party_property=”BLOGGER”
       data-view_type=”FILTERED_POSTMOD”>
      </div>
    1. If you want to insert a comments counter, add this HTML code instead of<g:comments>:
    • <g:commentcount href=”[URL]”></g:commentcount>
    1. or a valid HTML5 version instead of <div>:
    • <div data-href=”[URL]”></div>
    1. Replace [URL] with the URL of your web page and fit the width.
    2. Link your web page to your Google+ profile.

    If you prefer to load Google+ Comments dynamically, insert this HTML code:

    <div id="comments"></div>
    <script>
    gapi.comments.render('comments', {
    href: window.location,
    width: '624',
    first_party_property: 'BLOGGER',
    view_type: 'FILTERED_POSTMOD'
    });
    </script>

    Similarly with Google+ Comments Counter:

    <div id="commentscounter"></div>
    <script>
    gapi.commentcount.render('commentscounter', {
    href: window.location
    });
    </script>

    You can see it in action on the Google+ and Facebook Comments page.

    {source}

    you can also try downloading the Google Commenting System WordPress Plugin or download here

    We will be happy to hear your thoughts

    Leave a reply

    Pinoyscreencast
    Logo
    Reset Password
    Compare items
    • Total (0)
    Compare
    0