Google Calendar does a great job at letting you know about an upcoming event...but sometimes, it seems like it does too good a job. Picture this: you're working on a Google Doc,  or maybe trying to answer an email, when suddenly Chrome switches away from what you were doing, freezes, and shows you a dialog box about your upcoming event:


Notification1.png


Thankfully, there's an easy way to receive less-intrusive browser-based notifications. This has two advantages:

  1. The pop-up window doesn't stop you from finishing what you were doing.
  2. It actually makes a little noise too, which the default dialog box (shown above) doesn't do.
Here's how you enable browser-based calendar notifications. HT to Manuel Nila for discovering the solution to this issue.

1. Navigate to http://calendar.google.com. Click on the gear icon in the upper-right hand corner, then choose 'Settings'. You can also open the settings menu by typing the 's' key on your keyboard. Keyboard shortcuts for the win!

2. Scroll down to the section on Notifications.  Click the box to 'Use Browser Notifications instead of interruptive alerts', then save your changes.

Cal2.png


3. If you're a Chrome user (this will look slightly different on other browsers), you'll immediately be prompted to allow or block notifications from calendar.google.com. You should select 'Allow'.

cal3.png


4. That's all there is to it. From now on, you'll get your calendar notifications as browser notifications (see below). If you decide you want to undo this change, you can always go back into the calendar settings and re-enable interruptive alerts:

Cal5.png