Google+ Comments for WordPress Plugin

google-plus-commentsFor many years now Facebook has had a very popular login feature and also offered the ability to easily integrate blog comments using your Facebook account. These options have proven to be very popular with all types of webmasters as they provide several convenient features and also help to discourage spammy or anonymous comments.

It always surprised me that Google wasn’t in this game, but the introduction of Google+ seems to offer Google the ability to offer these features to webmasters and be the ones collecting this information.  According to reports, apps that support Google’s login are now getting favorable search treatment and Google is starting to really push this feature.  Then last month, Google announced that Google+ comment integration is now available for Blogger users. So, what about WordPress users?

Not long after the Blogger integration was announced, the necessary code was discovered to do this manually using the following code:

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>

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>

Comments counter HTML (replaces < g:comments >):

<g:commentcount href="[URL]"></g:commentcount>

Valid HTML5 version (replaces < div >):

<div data-href="[URL]"></div>

Replace ‘[URL]’ with the URL of your web page and fit the ‘width’.

Link your web page to your Google+ profile to verify authorship.

Dynamic Google+ Comments HTML:

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

Google+ Comments Counter:

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

Google+ Comments for WordPress Plugin

Fortunately, the WordPress community has already come through with an easier solution, the Google+ Comments for WordPress plugin. This plugin makes the comment section tabbed by seamlessly adding tabs for Google+ Comments, Facebook, Disqus, WordPress Comments, and Trackbacks. Early reviews are promising and I manage this plugin will continue to evolve over time.

If you decide to give this plugin on your website leave us a comment and let us know how the setup went.

  • Leave a Comment
  • Improve Site Navigation With a Sitemap.xml File

    If you haven’t heard of a sitemap before, now is probably a good time to start learning about them if you run a blog. A sitemap is a XML file originally created by Google for webmasters to use to create a “map” of their website.

    A good sitemap is dynamic, keeping the freshest content at the top. This way Google knows to index any new posts or updated posts. Google’s spiders then use your Sitemap.xml file when they index your website to ensure they get everything new or that has changed. A sitemap also helps ensure pages get indexed that use JavaScript or Flash, but do not contain HTML links (without a sitemap, these normally would not be discovered by a search engine).

    Eventually the Sitemap.xml file was adopted by Yahoo, MSN, and Ask.com, making it as important for webmasters to use as a Robots.txt file to get their website maximum exposure and control what is indexed.

    If you’re reading this blog, I’m going to assume you are a WordPress user. If you’d like to create a sitemap for your WordPress blog, look no further than the Google Sitemap WordPress plugin. This is the WordPress plugin I use for this website. When activated, it will create a sitemap on http://yourdomainname.com/sitemap.xml and do all the maintenance work for you. You’ll want to then log in to your Google Webmaster Tools account and add your sitemap, or make sure your homepage links to your sitemap somewhere (usually the footer) so the search engines can find it.

    For those that are curious what they look like, you can see what our sitemap looks like here. Are you using a sitemap for your blog(s)?

  • Leave a Comment
  • How To: Prevent Google From Indexing Your Images

    For most of us, traffic is the driving force behind our blogs and motivation to blog. Therefore, it may seem silly to think that you would want to prevent a lot of potential traffic from Google’s image search.

    However, some bloggers like to post personal pictures, or custom make their pictures and don’t want others to take them when possible. If you fit into this category, you can easily prevent Google from indexing your pictures by placing the following code into your blog’s header file above the < /head > tag:

    <meta name="robots" content="noimageindex">

    If your site has a problem with people taking your content (including the pictures), then there is a chance Google will still index them when they index that person’s website. Another route you can take is to place images into a folder then add a disallow to your Robots.txt file. For WordPress users, this is fairly easy as by default, we already have pictures in either our Images folder of our theme, or the uploads folder (unless you’ve assigned a custom path for your images). You can add something like the following to your Robots.txt file:

    User-agent: *
    Disallow: /images/

    or

    User-agent: *
    Disallow: /uploads/

  • Leave a Comment