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+!

Raygun Pulse

Recent Features

  • By
    Chris Coyier’s Favorite CodePen Demos

    David asked me if I'd be up for a guest post picking out some of my favorite Pens from CodePen. A daunting task! There are so many! I managed to pick a few though that have blown me away over the past few months. If you...

  • By
    I’m an Impostor

    This is the hardest thing I've ever had to write, much less admit to myself.  I've written resignation letters from jobs I've loved, I've ended relationships, I've failed at a host of tasks, and let myself down in my life.  All of those feelings were very...

Incredible Demos

  • By
    9 Mind-Blowing WebGL Demos

    As much as developers now loathe Flash, we're still playing a bit of catch up to natively duplicate the animation capabilities that Adobe's old technology provided us.  Of course we have canvas, an awesome technology, one which I highlighted 9 mind-blowing demos.  Another technology available...

  • By
    Introducing MooTools LinkAlert

    One of my favorite Firefox plugins is called LinkAlert. LinkAlert shows the user an icon when they hover over a special link, like a link to a Microsoft Word DOC or a PDF file. I love that warning because I hate the surprise...

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!