{"id":1452,"date":"2018-08-14T17:36:59","date_gmt":"2018-08-14T12:06:59","guid":{"rendered":"https:\/\/pushalert.co\/blog\/?p=1452"},"modified":"2018-10-10T13:17:08","modified_gmt":"2018-10-10T07:47:08","slug":"google-chrome-68-windows-10-native-notifications","status":"publish","type":"post","link":"https:\/\/pushalert.co\/blog\/google-chrome-68-windows-10-native-notifications\/","title":{"rendered":"Google Chrome 68 and beyond to now use Windows 10 Native Notifications"},"content":{"rendered":"\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"466\" class=\"wp-image-1459\" src=\"https:\/\/pushalert.co\/blog\/wp-content\/uploads\/2018\/08\/whats-new-chrome-68-windows-10-native-notifications.png\" alt=\"What's New in Chrome 68 - Windows 10 Native Notifications\" srcset=\"https:\/\/pushalert.co\/blog\/wp-content\/uploads\/2018\/08\/whats-new-chrome-68-windows-10-native-notifications.png 800w, https:\/\/pushalert.co\/blog\/wp-content\/uploads\/2018\/08\/whats-new-chrome-68-windows-10-native-notifications-300x175.png 300w, https:\/\/pushalert.co\/blog\/wp-content\/uploads\/2018\/08\/whats-new-chrome-68-windows-10-native-notifications-768x447.png 768w, https:\/\/pushalert.co\/blog\/wp-content\/uploads\/2018\/08\/whats-new-chrome-68-windows-10-native-notifications-378x220.png 378w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption>What&#8217;s New in Chrome 68 and 69 &#8211; Windows 10 Native Notifications<\/figcaption><\/figure>\r\n\r\n\r\n\r\n\r\nWe knew this was coming and it is finally here. Google Chrome 68 and 69 now supports Windows 10 native notifications that live in the Action Center.\r\n\r\n\r\n\r\n\r\n\r\nAccording to Peter Beverloo from Google, half of the current Chrome 68 users have had their native Windows 10 notifications enabled by default while the rest will get in the coming week.\r\n\r\n\r\n\r\n\r\n\r\nThis represents a major change with Chrome on Windows both in terms of how the web push notifications look and behave. Till now Chrome Notifications on Windows didn&#8217;t have a way of interacting with later, but now they live in the Action Center.\u00a0 This will have far-reaching effects on engagement and should result in higher click-through.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"615\" class=\"wp-image-1453\" src=\"https:\/\/pushalert.co\/blog\/wp-content\/uploads\/2018\/08\/chrome-68-notifications-action-center.png\" alt=\"Google Chrome 68 Notifications in Action Center\" srcset=\"https:\/\/pushalert.co\/blog\/wp-content\/uploads\/2018\/08\/chrome-68-notifications-action-center.png 800w, https:\/\/pushalert.co\/blog\/wp-content\/uploads\/2018\/08\/chrome-68-notifications-action-center-300x231.png 300w, https:\/\/pushalert.co\/blog\/wp-content\/uploads\/2018\/08\/chrome-68-notifications-action-center-768x590.png 768w, https:\/\/pushalert.co\/blog\/wp-content\/uploads\/2018\/08\/chrome-68-notifications-action-center-286x220.png 286w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption>Google Chrome 68 Notifications in Action Center<\/figcaption><\/figure>\r\n\r\n\r\n\r\n\r\nThis will allow users to check on their important notifications anytime from the Action Center, and they can choose to interact with them or remove them. This makes the notification experience on Windows more consistent, whether you are using Opera, Edge, Chrome or any Windows 10 app, all notifications will appear in the Action Center.\r\n\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">Here&#8217;s a look at what has changed with Chrome Windows 10 Native Notifications<\/h2>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Notification Design<\/h3>\r\n\r\n\r\n\r\n\r\nThe browser notifications now use Windows 10&#8217;s native UI. You can see the image above, instead of the close button you have an arrow which hides the notification in the action center where your subscribers can interact with later.\r\n\r\n\r\n\r\n\r\n\r\nLarge Image notifications are still available as well, with the image taking center stage at the very top of the notification while the action buttons are placed below the main notification body.\r\n\r\n\r\n\r\n\r\n\r\nAnother change to note here is that the Action Buttons now appear side by side, instead of on top of each other. You can still add up to 2 action buttons on a notification.\r\n\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Notification Image Size (Large Image)<\/h3>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"392\" class=\"wp-image-1461\" src=\"https:\/\/pushalert.co\/blog\/wp-content\/uploads\/2018\/08\/chrome-68-native-windows-large-image-notifications.png\" alt=\"Google Chrome Native Windows 10 Notification with Large Image\" srcset=\"https:\/\/pushalert.co\/blog\/wp-content\/uploads\/2018\/08\/chrome-68-native-windows-large-image-notifications.png 800w, https:\/\/pushalert.co\/blog\/wp-content\/uploads\/2018\/08\/chrome-68-native-windows-large-image-notifications-300x147.png 300w, https:\/\/pushalert.co\/blog\/wp-content\/uploads\/2018\/08\/chrome-68-native-windows-large-image-notifications-768x376.png 768w, https:\/\/pushalert.co\/blog\/wp-content\/uploads\/2018\/08\/chrome-68-native-windows-large-image-notifications-449x220.png 449w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption>Google Chrome Native Windows 10 Notification with Large Image<\/figcaption><\/figure>\r\n\r\n\r\n\r\n\r\nGoogle has opted to go with Windows 10&#8217;s recommended Image size for notifications. Microsoft suggests an image size of 364 x 180 pixels for 100% coverage without any cropping but we will provide you with PushAlert&#8217;s new recommended large image template to use the same image across all platforms (<a href=\"https:\/\/pushalert.co\/blog\/optimized-large-image-notifications\/\" target=\"_blank\" rel=\"noopener\">check this page for an update<\/a>).\r\n\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Notification Auto-hide (Require Interaction)<\/h3>\r\n\r\n\r\n\r\n\r\nEarlier Chrome Notifications did not auto-hide if you hadn&#8217;t checked the option in your PushAlert dashboard to auto-hide the notification after 20 seconds.\r\n\r\n\r\n\r\n\r\n\r\nFrom now on Chrome Notifications on Windows 10 will auto-hide to the Action Center, after they have been shown to the subscriber. To change this behavior you can add an Action Button to the notification.\r\n\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"224\" class=\"wp-image-1462\" src=\"https:\/\/pushalert.co\/blog\/wp-content\/uploads\/2018\/08\/windows-10-chrome-notifications-action-buttons.png\" alt=\"Windows 10 Native Chrome Notifications with Action Buttons\" srcset=\"https:\/\/pushalert.co\/blog\/wp-content\/uploads\/2018\/08\/windows-10-chrome-notifications-action-buttons.png 800w, https:\/\/pushalert.co\/blog\/wp-content\/uploads\/2018\/08\/windows-10-chrome-notifications-action-buttons-300x84.png 300w, https:\/\/pushalert.co\/blog\/wp-content\/uploads\/2018\/08\/windows-10-chrome-notifications-action-buttons-768x215.png 768w, https:\/\/pushalert.co\/blog\/wp-content\/uploads\/2018\/08\/windows-10-chrome-notifications-action-buttons-786x220.png 786w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption>Windows 10 Native Chrome Notifications with Action Buttons<\/figcaption><\/figure>\r\n\r\n\r\n\r\n\r\nIf there is an Action Button present in the notification, it will not hide automatically and instead will wait for the user to interact with the notification. This is the biggest change in web push notification behavior.\r\n\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Notification Sound<\/h3>\r\n\r\n\r\n\r\n\r\nChrome browser notifications used to be silent, now they will be able to produce a sound alert on Windows 10 as well. Based on the choice of the subscriber, notifications can create a sound to alert them. This will definitely boost engagement and bring even more focus to the notifications.\r\n\r\n\r\n\r\n\r\n\r\nGiven that Chrome notifications now follow Windows 10&#8217;s native interface, they will also follow Windows 10&#8217;s Focus Assist feature to mute notifications when you&#8217;re running a game or in do-not-disturb mode. But the notifications will still be available to view later in the Action Center.\r\n\r\n\r\n\r\n\r\n\r\nThe update is still rolling out, there may be some other changes down the line, which we will update you on. Keep a lookout at our blog for further updates.\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>We knew this was coming and it is finally here. Google Chrome 68 and 69 now supports Windows 10 native notifications that live in the Action Center. According to Peter Beverloo from Google, half of the current Chrome 68 users have had their native Windows 10 notifications enabled by default while the rest will get [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":1459,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[35],"tags":[171,168,84,170,28,169],"_links":{"self":[{"href":"https:\/\/pushalert.co\/blog\/wp-json\/wp\/v2\/posts\/1452"}],"collection":[{"href":"https:\/\/pushalert.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pushalert.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pushalert.co\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/pushalert.co\/blog\/wp-json\/wp\/v2\/comments?post=1452"}],"version-history":[{"count":11,"href":"https:\/\/pushalert.co\/blog\/wp-json\/wp\/v2\/posts\/1452\/revisions"}],"predecessor-version":[{"id":1496,"href":"https:\/\/pushalert.co\/blog\/wp-json\/wp\/v2\/posts\/1452\/revisions\/1496"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pushalert.co\/blog\/wp-json\/wp\/v2\/media\/1459"}],"wp:attachment":[{"href":"https:\/\/pushalert.co\/blog\/wp-json\/wp\/v2\/media?parent=1452"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pushalert.co\/blog\/wp-json\/wp\/v2\/categories?post=1452"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pushalert.co\/blog\/wp-json\/wp\/v2\/tags?post=1452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}