Random Geek Outing :: Embedding a Google+ Post onto a website

Google+ now allows you to embed a public post into any* website. You'll notice in the example below you can interact with the post as you would natively on Google+, including expanding comments.

Here's an example from my Google+ profile:

Well isn't that just nifty?!  Just click the drop down arrow on any public post and click the "Embed post" option. 

            <img data-image-id="52425288e4b0c4a5c2a272b6" data-image-focal-point="0.5,0.5" data-type="image" data-image-dimensions="1072x927" alt="GooglePlusEmbedScreenCap.png" data-load="false" class="thumb-image" src="http://email.ifttt.com/wf/click?upn=q3ymVtCeIwME1tBrNAt-2F4v5DeTvvNDeshKsDrT1W9q7wqVxgBkpcJ1qbDZQmm2OmbcilM-2BNt-2FNmtJxRE3wDIvh1Un03RWyC-2B3gkK5Y1IC5tGPpZzBbimRxqH71xBGm9jLCbByGLkXMXx8jKG0prI26ZuaZxdpnbrelmkYUz58IdjHSn0dQQxGeK7rZdUUW4hvoVyb8WtpE1vsLXyszoz-2BQ-3D-3D_SKI8g1c-2Fp6X4WuNxX4rW3EvDz8-2FwWzuhNmx5o1EUXw0L703oPA-2FhxSTlTky4GJDr99Pcqs1rXoBiIj5bZLmAyGLF3C6-2ByJfVnnAgUhmcUv3Fy-2BBAKWWNeVVMCyHFO50jmwOSX4fMv97M-2BLBtSq-2BXFiMsEheA0-2Blj5BjmDDgjW1crWyq7RdeXhzc9xtcnXq9eK0y-2Fh9nX7bP0kgxbeMdmt1U-2Bzhfd-2FQW0YBtOXrtlH7VSat3XADb-2F1rbrz9uofZNIq33LjjC5uFsKRCnFjNNmB9yVM-2FoFS1EzgfvWLkRZToiZ6v-2FRhaB6R8PJ1xE-2FS4-2Fb" data-image="http://email.ifttt.com/wf/click?upn=q3ymVtCeIwME1tBrNAt-2F4v5DeTvvNDeshKsDrT1W9q7wqVxgBkpcJ1qbDZQmm2OmbcilM-2BNt-2FNmtJxRE3wDIvh1Un03RWyC-2B3gkK5Y1IC5tGPpZzBbimRxqH71xBGm9jLCbByGLkXMXx8jKG0prI26ZuaZxdpnbrelmkYUz58Ie5kVKpJD6-2BHE-2BQmdNIrwUM_SKI8g1c-2Fp6X4WuNxX4rW3EvDz8-2FwWzuhNmx5o1EUXw0L703oPA-2FhxSTlTky4GJDr99Pcqs1rXoBiIj5bZLmAyI1XR4Ikm4JrsanLzOGC5HOjh8m3h05I2Hf37ldveTOfe8TIrbmFBmWHQH9KbnQDXVC3dls8jWmv8XnxAcZux-2BIyxPKUMJYtsl7AagIsUuCo1wAnXPQ31-2Flc-2FAnW-2Fhfg4ElBCODBw-2BkMdYFf1-2Fg4FsfFtvcKxSy6Jmeb9GB2fqW1RarBTPXJY-2Fk8SDtLwdiCs1b4UKPCRHXhEP4PuTwsk11fCnWxypnIR042dAZPC3Oe" />

This will work for ANY public post, not just your own. You may have noticed the asterix on "any" up top. Technically any site that allows javascript embeds will work, but some pages will require a bit more work. If you take a look at the screen capture below, you'll note must put in two scripts to enable the post. In Squarespace for instance you can embed them both into a blog post (yeay!), but I've heard there are issues with WordPress taking out any javascript from the post. You may have to follow the directions from Google VERY carefully.

 

            <img data-image-id="52425435e4b0d2373545c104" data-image-focal-point="0.5,0.5" data-type="image" data-image-dimensions="1076x927" alt="GooglePlusEmbedScreenCap2.png" data-load="false" class="thumb-image" src="http://email.ifttt.com/wf/click?upn=q3ymVtCeIwME1tBrNAt-2F4v5DeTvvNDeshKsDrT1W9q7wqVxgBkpcJ1qbDZQmm2OmbcilM-2BNt-2FNmtJxRE3wDIvi-2FFMQUplDKjxlzHMPNqHQjB4lcBrkrWqdyQB8NSzt4he5t2bIGpZ8nLdv-2BsnxNgnH3h17-2BaB6LRmM-2Fgyg3tw5G3q-2FDkfgRd-2FEoclPPV19KK1Pz4kLPDMXia4eAEFFp78Q-3D-3D_SKI8g1c-2Fp6X4WuNxX4rW3EvDz8-2FwWzuhNmx5o1EUXw0L703oPA-2FhxSTlTky4GJDr99Pcqs1rXoBiIj5bZLmAyBxE-2BpjZ4raNbyS0Z-2FpST0YN7fdkRDM5MwRJQDo3BZj4Bl7Mx4BEfCapJF89UuF62iDXdLiY6ZVKhDIba35jWcW74FtQNoKw9kd1NZrGht1kPC8jAly-2FZXa-2FIpLbTNXOVGPHyjHh4rwccN2JgYjoYxxdNzrPpx1FgeAtwiAIklel5tBnasD753HoUggcyb5hQuom2PRGsiLxVgrWBbRuAQI7XjtZYFhznEn53YMwKwPP" data-image="http://email.ifttt.com/wf/click?upn=q3ymVtCeIwME1tBrNAt-2F4v5DeTvvNDeshKsDrT1W9q7wqVxgBkpcJ1qbDZQmm2OmbcilM-2BNt-2FNmtJxRE3wDIvi-2FFMQUplDKjxlzHMPNqHQjB4lcBrkrWqdyQB8NSzt4he5t2bIGpZ8nLdv-2BsnxNgnH3h17-2BaB6LRmM-2Fgyg3tw5H624GVluTPoIED1vNAm8cs_SKI8g1c-2Fp6X4WuNxX4rW3EvDz8-2FwWzuhNmx5o1EUXw0L703oPA-2FhxSTlTky4GJDr99Pcqs1rXoBiIj5bZLmAyCsT999fdB7Ou71ADkt4wIp-2B9uGVStMqG-2BM5J170RV7kOcRYNXPa0ItvTCM9sHaPieW47pldScjqE78uChPZuHKCuhqjxcAPCKNAJkuU0ydtsPe2cPyKnsXTzO-2BqwGTXYdwOdG89ALheQTUZYcZuP-2BECeDtDTOQNt97ndolZgftvQqRr9rc67fJvuwwnV9QdUmug83zhCdJ5bClh9hFhC-2F6L3BJXWQ5dbyHRPqSbNj7O" />

A note from the Google Developer Blog

In addition to posts that contain text and links,

the following additional types of posts are supported as embedded posts:

Posts with images - The post will render with the image. Clicking the image directs the visitor to the image view on Google+.

  • Posts with videos - The post will render with the video. Clicking the video will play the video within the embedded post.
  • Posts with links to a community - Your visitors can click through to view the community as they would in the stream.

The following post types are not supported:

  • Posts from within a community, including publicly reshared posts from a community.
  • Posts that are restricted to a Google Apps domain
  • Private posts
  • Events posts
  • Hangout on Air posts

There is one more thing (you may have already noticed) that I would mention. There is (currently) no way to adjust the width of the embed. I presume Google is doing some javascript magic, but it may not play well with the SquareSpace magic* that allows our site to resize dynamically to your screen size. 

All said, it's pretty neat to see all that Google is doing to innovate on the web. Between this and the (hopeful) end of troll-feeding on YouTube I still have hope that Google will continue to "make money without doing evil".

Want to hear us talk more about Geeky subjects like this? Come check out The Geek I/O Show (recording live on Thursday evenings at 9PM CST).

  <a class="content-fill" href="http://email.ifttt.com/wf/click?upn=1DZbVWW-2BhvyPBlxcHLOTieaG4Fqm7vKsUyKCoKim1iFgaa3Gc8dHnb55ZQbKYmRF_SKI8g1c-2Fp6X4WuNxX4rW3EvDz8-2FwWzuhNmx5o1EUXw0L703oPA-2FhxSTlTky4GJDr99Pcqs1rXoBiIj5bZLmAyN7zKM8sTWRwIaLQaG4MsrNPZyJXcPzmYW8GkBk7O0vQfg0HF4TmvqtKWoX-2FdplzpRR0pKk6D91XiskDJeCDSlFqS27RmMkK5tuNHbvSpFiky2at8AJ71gO5WkbbRzE6KhbFjcNj-2FB21-2BL8Q0jMouU6TW0-2BX0Rkm-2FmeUBSsLRHeXq5NC83Qu3jQCUNtblvei17Is19p8wcgUpgJ44MofkYYNNodJCcIz4CQWbGDBIzJ7"><img data-image-focal-point="0.5,0.5" data-image-dimensions="600x600" alt="geekiocover_zpsddb96e7e.jpg" src="http://email.ifttt.com/wf/click?upn=q3ymVtCeIwME1tBrNAt-2F4v5DeTvvNDeshKsDrT1W9q7wqVxgBkpcJ1qbDZQmm2OmbcilM-2BNt-2FNmtJxRE3wDIvgYUo4KiBD13vND43hjnhN9hLeDdKBtEvq9qCZqlNJ4mRxFVKjsi7bzpjn3ZR3TAO2kB90eK4EV0noNGYi1sV7-2FHVsqXKGi9MCBwrECnfBtvKUcIkqI-2Blms6QaKBzR-2BGzA-3D-3D_SKI8g1c-2Fp6X4WuNxX4rW3EvDz8-2FwWzuhNmx5o1EUXw0L703oPA-2FhxSTlTky4GJDr99Pcqs1rXoBiIj5bZLmAyEb18mHKqcFrIsieqS-2F9ZuuRsyL7FmKryNI2WVOX1BbFV9VRoXV-2FCydpLhwbqpTCJn8tBE7yePXE8ZW9nbiG5rq-2FYIyvCRt-2F2xtfH-2BGKKi-2BNwZe5neevBy-2Bfn4KGkoCcM17ZSVyr-2BQttq41ZXfWufLDsEzIqlQYAfpK47Y4SyV3MGLDrUknvagBpQAd-2BoIxs-2Bjus6x94EqOWX7T-2Fo3OymyRgwdZMFSbBW-2BELhfZ6O14V" data-image="http://email.ifttt.com/wf/click?upn=q3ymVtCeIwME1tBrNAt-2F4v5DeTvvNDeshKsDrT1W9q7wqVxgBkpcJ1qbDZQmm2OmbcilM-2BNt-2FNmtJxRE3wDIvgYUo4KiBD13vND43hjnhN9hLeDdKBtEvq9qCZqlNJ4mRxFVKjsi7bzpjn3ZR3TAO2kB90eK4EV0noNGYi1sV7-2B1UaCN-2F3PIiZ5DBFE8wBcO_SKI8g1c-2Fp6X4WuNxX4rW3EvDz8-2FwWzuhNmx5o1EUXw0L703oPA-2FhxSTlTky4GJDr99Pcqs1rXoBiIj5bZLmAyD0s7ADPW65-2FA15wb54FkSnwtDslYadpJkJq19unOcgny-2FS6j-2BiCTASzcWzWAHLE4-2BwCSk3ndxB3PZK-2F788Z3Libb3s4pfmMhqFlszFXq2ub2nsj2avkpPLxb7hzlEeYbDtrB6yUxgfhufgbHMePKmSDN9SoS5y2ml1jditXwFiO0QyXKoPPfeYUvxoJLU0DY6Wmka54f-2FAwMonAUCPQDqh-2F64qGo0NEJ8bUlyo-2B3wf9"  /></a>



    <a href="http://email.ifttt.com/wf/click?upn=1DZbVWW-2BhvyPBlxcHLOTieaG4Fqm7vKsUyKCoKim1iFgaa3Gc8dHnb55ZQbKYmRF_SKI8g1c-2Fp6X4WuNxX4rW3EvDz8-2FwWzuhNmx5o1EUXw0L703oPA-2FhxSTlTky4GJDr99Pcqs1rXoBiIj5bZLmAyBN5v5PGRdtrnOtSsGhdvwwtfKUbCUZOss-2Blw4-2B5E6oq6eji4jABRRkAPD9JvFGQEt05KETfDdc4msVodSy4RYiCcRTI9YifX-2B0x7EF-2BeSBixeagcqgKa2bmsgTwJtotpmRoS-2FKx3fVsvAt7oo9t0WPTOzQ3odZ-2FndINwhALswsu3Z4ZY36rM68-2B-2FLC1b6rGybg8XPn7Z6-2FTteMWqQH-2BrMMZadR2tE53BhngOu5roHwf">The Geek I/O Show</a>


    <a class="collection-more-link" href="http://email.ifttt.com/wf/click?upn=1DZbVWW-2BhvyPBlxcHLOTieaG4Fqm7vKsUyKCoKim1iFgaa3Gc8dHnb55ZQbKYmRF_SKI8g1c-2Fp6X4WuNxX4rW3EvDz8-2FwWzuhNmx5o1EUXw0L703oPA-2FhxSTlTky4GJDr99Pcqs1rXoBiIj5bZLmAyMgVx5RXA8Jr-2ByITUGPyLUd-2BL7bJm-2BmbQUoVKoXGpTiyYBTVy7K-2BBLYqFrITTIY0lpngjAskUVS4Tjwzdcep1Ge5jUNgjX1gXeH2odU7LVQVyGXSOvWsG74eCAKEk8SHepdpQHXCULC59vk3-2BX7yKPSjoNpf8cGzLbrTP822-2FlXzdnnS-2BbR3OMjkrc3LnD1VwA5xLSa7PJH5rgcqJQ5WdZzEUaRUzRD-2Fn6aGoM4vPl6D"></a>



http://email.ifttt.com/wf/click?upn=1DZbVWW-2BhvyPBlxcHLOTiSWJDTv-2FJobjeFbGlAScMxkp6b9PrxTR9BaKItZeAyb8SihFihcvf0QT9K-2Bs5pgQKMmS2GxJCjbKHVPp2IMVNyc-3D_SKI8g1c-2Fp6X4WuNxX4rW3EvDz8-2FwWzuhNmx5o1EUXw0L703oPA-2FhxSTlTky4GJDr99Pcqs1rXoBiIj5bZLmAyHyFNLw-2F4dtVL9xE0J6iSxihB2YRsSJDLxB-2FwcC-2BjCc2g9O0gxGAApkIiRNzxPaumuoJvAK6WjouX2rhtPlDC4cg2gcRtsAMkffNK8VZr-2BLh7mxHVtI6XJ2VyzHiQ8Gb9rKRwU3kK7Uk-2Bj4EspPSXvQXoqV3-2Fu-2FaN8MFOh-2BmwrWN6CkT8DuwelbZLuy9ttLK8G-2FTZdPAaHljglbMFixIQRjZB-2F79zIZ4N06RYFZQCdeY

via Random Geek Outings - The Geek I/O Network http://email.ifttt.com/wf/click?upn=1DZbVWW-2BhvyPBlxcHLOTiSWJDTv-2FJobjeFbGlAScMxm-2Bs6NbpGDHw2UyIsy1AMqc_SKI8g1c-2Fp6X4WuNxX4rW3EvDz8-2FwWzuhNmx5o1EUXw0L703oPA-2FhxSTlTky4GJDr99Pcqs1rXoBiIj5bZLmAyGxAB6h5CYmM1Z3NBXihvXOkpgBGnrslPatuankPGlcBbLvZqYls7WnafGt45lUAKCNpGMoCEmlOJjECZws2XLfCTUj93vPIWlLYCOuIRUStGggezVunLYRlRGVd1PRBEtnh4qSuZGrKN51sUADRaMU56TnGELbzs84YJDO-2F7elcEfVuZmtug001SdxS1Z-2BVogXW4azj2FFBbJpi-2BVckUSkLDmnpkdH9lRkGSYPhGA-2Fl

IFTTT

via Personal Recipe 5569729:
http://email.ifttt.com/wf/click?upn=jGHDfwvrKDxaofcg5GVulqZbq5Ob51WMw-2B5VP4So20lH-2BzoRvNWK8hl-2FYCwoxYMjs6LKxlD5IqprXsmNV3bSLw-3D-3D_SKI8g1c-2Fp6X4WuNxX4rW3EvDz8-2FwWzuhNmx5o1EUXw0L703oPA-2FhxSTlTky4GJDr99Pcqs1rXoBiIj5bZLmAyKEJQITKRgrTIytWGfHA9blarMhmLxSSjCfokvp9AnkciBGHEbx-2FPzOTHDMbQLVEIqHWf99r5ovc-2BN7retzIBfo6BQX2bynFSzw7QkKaoqzd6-2BdMSjR-2FdCyf1eOXxCstggBPppQmprSiDe2dj5CxQXkKGWtAZN3h-2BupG1P98k98B3d0Pm7iy7P02-2F8yNg-2FiJOjsS1Pc5k4elfnHCSIuKpEYfjZOSkmaMczETDmXGluCZ