Social Media Embed Google PLus

Published on September 18th, 2013 | by charliesaidthat

3

How to Embed a Google+ Post on Your Blog / Website

Google+ have announced a couple of announcements this week. The most important change in terms of Google+ itself though, is probably the fact you can now embed Google+ posts within your blog.

Which really keeps Google+ just about on par with:

  • Twitter’s embedded Tweets
  • Facebook’s Embedded Status Updates (although you can only embed a brand page’s posts at the moment)
  • Pinterest’s Embedded Boards
  • & of course YouTube has done this well for years
  • What an Embedded Google+ Post Looks Like

    I think this implementation is pretty nice, and could well help increase followers and shares within Google+ if you gave it pride of place in your blog. I think this will work best as discussions, surveying opinion that you want more public than just your blog.

    Why Would I Embed Google+ Posts On My Website?

    It’s a good question. You will certainly encourage more interactions with posts being embedded inline.

    It could certainly give you more reach if people are reacting with your Google+ content from your blog posts. It potentially gives you a broader reach and following on Google+, although you might want to consider what your real business objectives are rather than blindly chasing numbers on a social media platform. ;)

    I’ve yet to work out if there is any SEO benefit of embedding the G+ posts on your site, but this will be something to look out for.

    What Google+ Posts You Can Embed

    • Google+ Posts with Images & Text
    • Google+ Posts with Videos
    • Links to Google+ Communities

    What Google+ Posts You Can’t Embed

    • Private Posts aren’t supported
    • Posts from communities aren’t supported
    • Event posts aren’t supported
    • Live Hangout Posts aren’t supported (boo!)
    • Mobile URLs aren’t supported
    • Custom URLs (with you username) aren’t supported either

    So, How Do I Embed Google+ Posts In My Blog Post?

    It’s pretty easy to set up.

    If you hover over the top left corner of a post in Google+ a down arrow should appear. Click it and select the “Embed Post” option. Some a box should pop up over the Google+ interface with some code in it, ready for you to copy and paste into your site.

    Google Plus Embed Posts Code

    Google Plus embed Posts

     
     
     
     
     
     

    The code you will get, will look something like this. Just paste it into your site and it’ll work.
     
    <!-- Place this tag in your head or just before your close body tag. -->
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

    <!-- Place this tag where you want the widget to render. -->
    <div class="g-post" data-href="https://plus.google.com/112509607928361539539/posts/b1oz2ahEKgT"></div>

    Personally I’ll only be adding the line it asks to put in your head tag in the post section so it doesn’t slow down my entire site (as I probably won’t be using it that often).

    How will you embed Google+ posts to your website? Or is it yet another surplus feature that you’ll ignore? or have no use for… Let me know below.


    About the Author

    Hi I’m Charlie, a digital marketer with an interest in social media, SEO and understanding consumer behaviour. I enjoy creating conversation and finding ways to improve businesses through digital platforms. Feed me Cha Siu Bao. Connect with me on: Twitter | Facebook | Google+ | Linkedin | or just Email Me  



    • Jack Parsons

      To help page load, it would be best to load the Google+ JavaScript API asynchronously instead. Like so:

      (function() {
      var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
      po.src = 'https://apis.google.com/js/plusone.js?onload=onLoadCallback';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
      })();

      • http://charliesaidthat.com/digital/ charliesaidthat

        So why don’t they just let you generate that code in the first place?

        >.<

        Thanks Jack.

        • Jack Parsons

          No idea, haha.

          Looks like Disqus has trimmed line 4 for some reason. Replace the … with:
          sone.js?onload=onLoadCallback';

Back to Top ↑