Add an unread email count badge to Gmail**/Outlook**'s PWA icon on supported OS's taskbar's or dock's
Multi-Email/App Taskbar/Dock PWA Unread Badge Extension
Disclaimer: The developer of this extension in no way claims to be affiliated with Google**/Gmail**/Microsoft**/Outlook**. I acknowlegde that I do not own their respective trademarks. This extension was developed for personal use and shared for others to use, if they wish to.
This extension adds an unread count badge to the taskbar/dock icon of a PWA* Gmail**/Outlook** app. The app supports multiple Gmail**/Outlook** PWA accounts. Multiple account badges only work when each PWA is installed using a unique Google** Chrome browser profile that is setup with the unique Google** Account that you wish to access Gmail**/Outlook** emails with.
Please note: this extension does not work, as intended/expected, with multiple Gmail**/Outlook** accounts within the same Google** Chrome browser profile, if each PWA is installed using the same Chrome Profile, it will show the unread count of each account on the same PWA taskbar icon by cycling through each account dependant on when you opened the PWA account on your device. So, please ensure you install multiple instances in separate Chrome Profiles.
(Windows) How to install a PWA in Google** Chrome:
1. Navigate to the Gmail**/Outlook** URL, i.e. go to your Gmail**/Outlook** Inbox.
2. Click on the Google** Chrome browser settings button, ⋮ .
3. Click on menu option, \"More tools\".
4. Click on sub-menu option, \"Create shortcut...\"
5. Name the shortcut, e.g. GMail**/Outlook**.
6. (NB!) Ensure that you check/tick the checkbox labelled, \"Open as window\".
7. Once the new GMail**/Outlook** window opens, remember to pin the PWA to your taskbar to ensure that the extension adds the unread count to the pinned icon on the taskbar.
8. In Windows** 10 and 11, ensure that the Taskbar setting, \"Show badges on taskbar buttons\", is toggled on (i.e. enabled) to allow the unread count badge to be shown on the Windows** Taskbar.
Once you have successfully made use of the extension, could you please rate it, and if you have any feedback, it will be appreciated too. This will give me an indication on whether or not I should enhance this extension further.
I hope that this small extension helps you in some way, enjoy.
*PWA, Progressive Web Application.
**The trademarks mentioned are owned by their respective owners and Ocfinity and/or this extension are not affiliated with these companies.
Updates:
2023-01-24 (0.2.6.5)
- Added support for Slack** PWA. Enable or disable the Slack** support using the extension options.
2022-12-30 (0.2.4)
- Merged the extensions that were created for Gmail** and Outlook** into a single extension with the ability to enable or disabled each through the extension's options. Please ensure that the apps are enabled in the options if you are experiencing issues with this extension displaying the unread counts on the taskbar/dock respective icons.
Bug Fixes:
2023-01-24 (0.2.6.5)
- Addressed issue with saving extension options.
2023-01-09 (0.2.5)
- Fixed the storage of the extension options settings that prevented the unread count remaining after a single count update was done.
Read more
This extension adds an unread count badge to the taskbar/dock icon of a PWA* Gmail**/Outlook** app. The app supports multiple Gmail**/Outlook** PWA accounts. Multiple account badges only work when each PWA is installed using a unique Google** Chrome browser profile that is setup with the unique Google** Account that you wish to access Gmail**/Outlook** emails with.
Please note: this extension does not work, as intended/expected, with multiple Gmail**/Outlook** accounts within the same Google** Chrome browser profile, if each PWA is installed using the same Chrome Profile, it will show the unread count of each account on the same PWA taskbar icon by cycling through each account dependant on when you opened the PWA account on your device. So, please ensure you install multiple instances in separate Chrome Profiles.
(Windows) How to install a PWA in Google** Chrome:
1. Navigate to the Gmail**/Outlook** URL, i.e. go to your Gmail**/Outlook** Inbox.
2. Click on the Google** Chrome browser settings button, ⋮ .
3. Click on menu option, \"More tools\".
4. Click on sub-menu option, \"Create shortcut...\"
5. Name the shortcut, e.g. GMail**/Outlook**.
6. (NB!) Ensure that you check/tick the checkbox labelled, \"Open as window\".
7. Once the new GMail**/Outlook** window opens, remember to pin the PWA to your taskbar to ensure that the extension adds the unread count to the pinned icon on the taskbar.
8. In Windows** 10 and 11, ensure that the Taskbar setting, \"Show badges on taskbar buttons\", is toggled on (i.e. enabled) to allow the unread count badge to be shown on the Windows** Taskbar.
Once you have successfully made use of the extension, could you please rate it, and if you have any feedback, it will be appreciated too. This will give me an indication on whether or not I should enhance this extension further.
I hope that this small extension helps you in some way, enjoy.
*PWA, Progressive Web Application.
**The trademarks mentioned are owned by their respective owners and Ocfinity and/or this extension are not affiliated with these companies.
Updates:
2023-01-24 (0.2.6.5)
- Added support for Slack** PWA. Enable or disable the Slack** support using the extension options.
2022-12-30 (0.2.4)
- Merged the extensions that were created for Gmail** and Outlook** into a single extension with the ability to enable or disabled each through the extension's options. Please ensure that the apps are enabled in the options if you are experiencing issues with this extension displaying the unread counts on the taskbar/dock respective icons.
Bug Fixes:
2023-01-24 (0.2.6.5)
- Addressed issue with saving extension options.
2023-01-09 (0.2.5)
- Fixed the storage of the extension options settings that prevented the unread count remaining after a single count update was done.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx",\t"name": "Multi-Email/App Taskbar/Dock PWA Unread Badge",\t"version": "0.2.6.5",\t"description": "Add an unread email count badge to Gmail**/Outlook**'s PWA icon on supported OS's taskbar's or dock's",\t"manifest_version": 3,\t"content_scripts": [\t\t{\t\t\t"matches": [\t\t\t\t"*://*.mail.google.com/mail/u/0/*"\t\t\t],\t\t\t"js": [\t\t\t\t"ocfinity-gmail0.js"\t\t\t]\t\t},\t\t{\t\t\t"matches": [\t\t\t\t"*://*.mail.google.com/mail/u/1/*"\t\t\t],\t\t\t"js": [\t\t\t\t"ocfinity-gmail1.js"\t\t\t]\t\t},\t\t{\t\t\t"matches": [\t\t\t\t"*://outlook.live.com/mail/*",\t\t\t\t"*://outlook.office365.com/mail/*",\t\t\t\t"*://outlook.office365.com/mail/*",\t\t\t\t"*://outlook.office.com/mail/*",\t\t\t\t"*://outlook.live.com/calendar/*",\t\t\t\t"*://outlook.office365.com/calendar/*",\t\t\t\t"*://outlook.office.com/calendar/*"\t\t\t],\t\t\t"js": [\t\t\t\t"ocfinity-outlook.js"\t\t\t]\t\t},\t\t{\t\t\t"matches": [\t\t\t\t"*://app.slack.com/*"\t\t\t],\t\t\t"js": [\t\t\t\t"ocfinity-slack.js"\t\t\t]\t\t}\t],\t"options_page": "options.html",\t"options_ui": {\t\t\t"page": "options.html",\t\t\t"open_in_tab": false\t},\t"permissions": [\t\t"storage"\t],\t"icons": {\t\t"16": "/images/ocfinity16.png",\t\t"32": "/images/ocfinity32.png",\t\t"48": "/images/ocfinity64.png",\t\t"128": "/images/ocfinity128.png"\t}}
Read more