Create a Google+ Mac App for Your Dock

By  on  
Google Plus Icon

If you follow me on Twitter, you know that Google+ is my new tech porn.  Google+ is the same technological marvel we've come to expect from Google apps, but the elegant but still simplistic design is a welcomed change from Google.  I want to get used to using Google+ but I don't want to be conscious of keeping the tab open in Chrome.  Luckily MooTools developer Olmo Maldonado shared a slick method creating a custom Google+ app without the need for Fluid, and you can place the app in your dock for easy access!

This technique would allow you to create an app for any website, but the focus of this post will be Google+.  You could use Fluid.app for this, but the technique presented here allows for avoid Fluid.app.

Grab the Google+ Logo

Download the following Google+ logo to the Downloads directory of your computer:

Google Plus Icon

This logo will be used as the application and dock logo.

Download and Execute makeapp.sh

There's an outstanding script available on LifeHacker which provides the user a trio of simple prompts and creates an app based on the input.  Behind the scenes, makeapp.sh copies Google's Chrome and creates separate settings paths (for cookie and history separation).  With those created, an executable is created which opens the Chrome copy to the Google+ url.

Run the script from command line with:

chmod +x ./makeapp.sh && ./makeapp.sh

The script will ask you for three arguments;  provide the following:

  • Application name:  Google+
  • Web URL:  http://plus.google.com/
  • Icon Location:  /Users/{yourUserName}/Downloads/googleplus-icon.png

Google Plus Browser

Now open your applications folder and you'll see a new app called Google+!  Drag the app icon to the dock and now you have a Google+ app in your dock!  The separate history and cookie pool is important so that your traditional Chrome install doesn't muck with your Google+ app's information, and visa versa.  Have fun with Google+!

Recent Features

  • By
    Facebook Open Graph META Tags

    It's no secret that Facebook has become a major traffic driver for all types of websites.  Nowadays even large corporations steer consumers toward their Facebook pages instead of the corporate websites directly.  And of course there are Facebook "Like" and "Recommend" widgets on every website.  One...

  • By
    CSS @supports

    Feature detection via JavaScript is a client side best practice and for all the right reasons, but unfortunately that same functionality hasn't been available within CSS.  What we end up doing is repeating the same properties multiple times with each browser prefix.  Yuck.  Another thing we...

Incredible Demos

  • By
    jQuery Wookmark

    The first thing that hits you when you visit Pinterest is "Whoa, the columns are the same width and the photos are cut to fit just the way they should."  Basic web users probably think nothing of it but as a developer, I can appreciate the...

  • By
    JavaScript Speech Recognition

    Speech recognition software is becoming more and more important; it started (for me) with Siri on iOS, then Amazon's Echo, then my new Apple TV, and so on.  Speech recognition is so useful for not just us tech superstars but for people who either want to work "hands...

Discussion

  1. Fluid.app is a good solution too.

    • Right, but this solution prevents the need for Fluid.app

  2. This is exactly what I needed. Thank you David Walsh.

  3. And the most awkward Google+ page ever:

    https://plus.google.com/104560124403688998123

    • Leandro

      I think he tries to look this like a friendly competition and It’s fantastic it can be this way…

  4. Keep in mind that you should also use Google sync to keep your settings in place!

    http://www.google.com/mobile/sync/

  5. Erik DeLamarter

    Isn’t this exactly what google chrome’s application shortcuts are for ?

    • It is, indeed, _exactly_ what they’re for…but you can’t create Chrome app shortcuts in OS X.

  6. Love the icon and the idea that you can separate history and cookies, but when it comes to “run the script from command line” – I get really nervous, as this is way out of my league!

  7. Hi – Mashable had an article about incorporating your icon into a blog or website but I can’t find the code to do that … help!

  8. There seems to be one drawback to this solution: if you click a link to a web page, a new tab is opened in a dedicated window. The link is not opened in the default browser (i.e. the primary instance of Chrome).

  9. Jose

    nice one! simple and easy, but for some unknown reason the Google+ logo doesn’t display on my dock, only the script logo does… might have to check that later xD

  10. Thanks for this, David! This fixed my issue of using a Google Apps account and a Google Plus account together.

  11. There is still no notification like mail app has, true?

  12. I’m extremely pleased to uncover this web site. I wanted to thank you for ones time due to this wonderful read!! I definitely really liked every part of it and i also have you saved to fav to look at new stuff in your site.

  13. I used to use this solution, but as @Robert describes links should be opened in the default browser, not a new tab in the dedicated browser. Anyone find a solution to that problem?

  14. miner

    It’s great. The weak point is the app opens as a Google Chrome (although the dock name is by your choice).
    That makes a problem when you launch your “app” before Chrome (or need to restart it). Launching Chrome will just focus your “app” instead of launching the Chrome. So you must close your “app”, launch Chrome, and launch your “app” again.

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!