{"id":150,"date":"2019-05-09T09:03:24","date_gmt":"2019-05-09T06:03:24","guid":{"rendered":"https:\/\/lyubomir-angelov.com\/?p=150"},"modified":"2019-05-09T00:06:12","modified_gmt":"2019-05-08T21:06:12","slug":"when-to-use-browser-push-notifications","status":"publish","type":"post","link":"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/","title":{"rendered":"When to use browser push notifications"},"content":{"rendered":"\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"885\" height=\"298\" src=\"https:\/\/lyubomir-angelov.com\/blog\/wp-content\/uploads\/2019\/05\/request-push-notifications-title.png\" alt=\"\" class=\"wp-image-154\" srcset=\"https:\/\/lyubomir-angelov.com\/blog\/wp-content\/uploads\/2019\/05\/request-push-notifications-title.png 885w, https:\/\/lyubomir-angelov.com\/blog\/wp-content\/uploads\/2019\/05\/request-push-notifications-title-300x101.png 300w, https:\/\/lyubomir-angelov.com\/blog\/wp-content\/uploads\/2019\/05\/request-push-notifications-title-768x259.png 768w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n<p>Push notifications are a really nice feature, you can trigger a notification to the user device with any text that you want with title, image, body and it even can make the mobile device to vibrate (depends on the browser) when receiving it.<\/p>\n<p>This is a really cool way to get the user attention when you have promotions, forgotten baskets full of products or you have published something new.<\/p>\n<p><!--more--><\/p>\n<p>In order to use <strong>push notifications<\/strong> you have first to ask the users for permission, this is the small pop-up next to URL bar with buttons &#8220;allow&#8221; and &#8220;block&#8221;:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-151 aligncenter\" src=\"https:\/\/lyubomir-angelov.com\/blog\/wp-content\/uploads\/2019\/05\/request-push-notifications-300x102.png\" alt=\"\" width=\"368\" height=\"125\" srcset=\"https:\/\/lyubomir-angelov.com\/blog\/wp-content\/uploads\/2019\/05\/request-push-notifications-300x102.png 300w, https:\/\/lyubomir-angelov.com\/blog\/wp-content\/uploads\/2019\/05\/request-push-notifications.png 500w\" sizes=\"auto, (max-width: 368px) 85vw, 368px\" \/><\/p>\n<p>How the majority of the websites are using this feature?<\/p>\n<p>They make this pop-up appear immediately when you visit their site, you have no Idea what is this, for what you have to subscribe and for god sake I didn&#8217;t do anything, what is this pop-up for? Ok, block it!<\/p>\n<p>Most of the users are clicking <strong>block<\/strong> because you don&#8217;t ask for permissions on the right time and you are just throwing away the chance to convert this user.<\/p>\n<p>Instead of triggering it on initial loading, please do it on user action, for example after he read the article put a button to ask if the user wants to subscribe for more news. Or on saving an item to his wish list, you can ask him if he wants to subscribe to notifications in order to receive information when this item will be available.<\/p>\n<p>Here you can find more information about what is possible and how to install it in <a href=\"https:\/\/developers.google.com\/web\/ilt\/pwa\/introduction-to-push-notifications\">Goodle Dev website<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Push notifications are a really nice feature, you can trigger a notification to the user device with any text that you want with title, image, body and it even can make the mobile device to vibrate (depends on the browser) when receiving it. This is a really cool way to get the user attention when &hellip; <a href=\"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;When to use browser push notifications&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[29,27],"class_list":["post-150","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-browsers","tag-notifications"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>When to use browser push notifications - Lyubomir Angelov<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"When to use browser push notifications - Lyubomir Angelov\" \/>\n<meta property=\"og:description\" content=\"Push notifications are a really nice feature, you can trigger a notification to the user device with any text that you want with title, image, body and it even can make the mobile device to vibrate (depends on the browser) when receiving it. This is a really cool way to get the user attention when &hellip; Continue reading &quot;When to use browser push notifications&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/\" \/>\n<meta property=\"og:site_name\" content=\"Lyubomir Angelov\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-09T06:03:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-08T21:06:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lyubomir-angelov.com\/blog\/wp-content\/uploads\/2019\/05\/request-push-notifications-title.png\" \/>\n<meta name=\"author\" content=\"Lyubomir\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@angelovcode\" \/>\n<meta name=\"twitter:site\" content=\"@angelovcode\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lyubomir\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/\"},\"author\":{\"name\":\"Lyubomir\",\"@id\":\"https:\/\/lyubomir-angelov.com\/blog\/#\/schema\/person\/5e091f5c2fa79f57d30d482a7ef8cd92\"},\"headline\":\"When to use browser push notifications\",\"datePublished\":\"2019-05-09T06:03:24+00:00\",\"dateModified\":\"2019-05-08T21:06:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/\"},\"wordCount\":269,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/lyubomir-angelov.com\/blog\/#\/schema\/person\/5e091f5c2fa79f57d30d482a7ef8cd92\"},\"keywords\":[\"browsers\",\"notifications\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/\",\"url\":\"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/\",\"name\":\"When to use browser push notifications - Lyubomir Angelov\",\"isPartOf\":{\"@id\":\"https:\/\/lyubomir-angelov.com\/blog\/#website\"},\"datePublished\":\"2019-05-09T06:03:24+00:00\",\"dateModified\":\"2019-05-08T21:06:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/lyubomir-angelov.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"When to use browser push notifications\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/lyubomir-angelov.com\/blog\/#website\",\"url\":\"https:\/\/lyubomir-angelov.com\/blog\/\",\"name\":\"Lyubomir Angelov\",\"description\":\"The life of a Manager\",\"publisher\":{\"@id\":\"https:\/\/lyubomir-angelov.com\/blog\/#\/schema\/person\/5e091f5c2fa79f57d30d482a7ef8cd92\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/lyubomir-angelov.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/lyubomir-angelov.com\/blog\/#\/schema\/person\/5e091f5c2fa79f57d30d482a7ef8cd92\",\"name\":\"Lyubomir\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/lyubomir-angelov.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f6b8c15868355fa857fad18647aeadd07814e3d9baa72a1c92e718056684fec7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f6b8c15868355fa857fad18647aeadd07814e3d9baa72a1c92e718056684fec7?s=96&d=mm&r=g\",\"caption\":\"Lyubomir\"},\"logo\":{\"@id\":\"https:\/\/lyubomir-angelov.com\/blog\/#\/schema\/person\/image\/\"},\"sameAs\":[\"https:\/\/twitter.com\/angelovcode\"],\"url\":\"https:\/\/lyubomir-angelov.com\/blog\/author\/superfly\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"When to use browser push notifications - Lyubomir Angelov","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/","og_locale":"en_US","og_type":"article","og_title":"When to use browser push notifications - Lyubomir Angelov","og_description":"Push notifications are a really nice feature, you can trigger a notification to the user device with any text that you want with title, image, body and it even can make the mobile device to vibrate (depends on the browser) when receiving it. This is a really cool way to get the user attention when &hellip; Continue reading \"When to use browser push notifications\"","og_url":"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/","og_site_name":"Lyubomir Angelov","article_published_time":"2019-05-09T06:03:24+00:00","article_modified_time":"2019-05-08T21:06:12+00:00","og_image":[{"url":"https:\/\/lyubomir-angelov.com\/blog\/wp-content\/uploads\/2019\/05\/request-push-notifications-title.png"}],"author":"Lyubomir","twitter_card":"summary_large_image","twitter_creator":"@angelovcode","twitter_site":"@angelovcode","twitter_misc":{"Written by":"Lyubomir","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/#article","isPartOf":{"@id":"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/"},"author":{"name":"Lyubomir","@id":"https:\/\/lyubomir-angelov.com\/blog\/#\/schema\/person\/5e091f5c2fa79f57d30d482a7ef8cd92"},"headline":"When to use browser push notifications","datePublished":"2019-05-09T06:03:24+00:00","dateModified":"2019-05-08T21:06:12+00:00","mainEntityOfPage":{"@id":"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/"},"wordCount":269,"commentCount":0,"publisher":{"@id":"https:\/\/lyubomir-angelov.com\/blog\/#\/schema\/person\/5e091f5c2fa79f57d30d482a7ef8cd92"},"keywords":["browsers","notifications"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/","url":"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/","name":"When to use browser push notifications - Lyubomir Angelov","isPartOf":{"@id":"https:\/\/lyubomir-angelov.com\/blog\/#website"},"datePublished":"2019-05-09T06:03:24+00:00","dateModified":"2019-05-08T21:06:12+00:00","breadcrumb":{"@id":"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/lyubomir-angelov.com\/blog\/when-to-use-browser-push-notifications\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/lyubomir-angelov.com\/blog\/"},{"@type":"ListItem","position":2,"name":"When to use browser push notifications"}]},{"@type":"WebSite","@id":"https:\/\/lyubomir-angelov.com\/blog\/#website","url":"https:\/\/lyubomir-angelov.com\/blog\/","name":"Lyubomir Angelov","description":"The life of a Manager","publisher":{"@id":"https:\/\/lyubomir-angelov.com\/blog\/#\/schema\/person\/5e091f5c2fa79f57d30d482a7ef8cd92"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lyubomir-angelov.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/lyubomir-angelov.com\/blog\/#\/schema\/person\/5e091f5c2fa79f57d30d482a7ef8cd92","name":"Lyubomir","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lyubomir-angelov.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f6b8c15868355fa857fad18647aeadd07814e3d9baa72a1c92e718056684fec7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f6b8c15868355fa857fad18647aeadd07814e3d9baa72a1c92e718056684fec7?s=96&d=mm&r=g","caption":"Lyubomir"},"logo":{"@id":"https:\/\/lyubomir-angelov.com\/blog\/#\/schema\/person\/image\/"},"sameAs":["https:\/\/twitter.com\/angelovcode"],"url":"https:\/\/lyubomir-angelov.com\/blog\/author\/superfly\/"}]}},"_links":{"self":[{"href":"https:\/\/lyubomir-angelov.com\/blog\/wp-json\/wp\/v2\/posts\/150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lyubomir-angelov.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lyubomir-angelov.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lyubomir-angelov.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lyubomir-angelov.com\/blog\/wp-json\/wp\/v2\/comments?post=150"}],"version-history":[{"count":5,"href":"https:\/\/lyubomir-angelov.com\/blog\/wp-json\/wp\/v2\/posts\/150\/revisions"}],"predecessor-version":[{"id":157,"href":"https:\/\/lyubomir-angelov.com\/blog\/wp-json\/wp\/v2\/posts\/150\/revisions\/157"}],"wp:attachment":[{"href":"https:\/\/lyubomir-angelov.com\/blog\/wp-json\/wp\/v2\/media?parent=150"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lyubomir-angelov.com\/blog\/wp-json\/wp\/v2\/categories?post=150"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lyubomir-angelov.com\/blog\/wp-json\/wp\/v2\/tags?post=150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}