{"id":2012,"date":"2024-03-23T17:28:28","date_gmt":"2024-03-23T11:58:28","guid":{"rendered":"https:\/\/larapush.com\/blog\/?p=2012"},"modified":"2024-09-12T11:17:24","modified_gmt":"2024-09-12T05:47:24","slug":"what-are-web-push-notifications","status":"publish","type":"post","link":"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/","title":{"rendered":"What is Web Push Notifications? &#8211; Full Guide and Explanation"},"content":{"rendered":"\n<p>Web push notifications are notifications sent by websites to your web browser, even when you aren&#8217;t actively using the website. These notifications are used to deliver updates, reminders, news, or promotional offers.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_63 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#A_Glimpse_of_History\" title=\"A Glimpse of History\">A Glimpse of History<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#How_Push_Notification_Technology_Work\" title=\"How Push Notification Technology Work?\">How Push Notification Technology Work?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#What_are_the_differences_between_Web_Push_Notifications_and_Mobile_Push_Notifications\" title=\"What are the differences between Web Push Notifications and Mobile Push Notifications?\">What are the differences between Web Push Notifications and Mobile Push Notifications?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#How_Web_Push_Notifications_Look_on_Desktop_vs_Mobile_Phones\" title=\"How Web Push Notifications Look on Desktop vs Mobile Phones\">How Web Push Notifications Look on Desktop vs Mobile Phones<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#How_Web_Push_Notifications_Are_Used_in_Marketing_Campaigns\" title=\"How Web Push Notifications Are Used in Marketing Campaigns\">How Web Push Notifications Are Used in Marketing Campaigns<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"A_Glimpse_of_History\"><\/span>A Glimpse of History<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"509\" height=\"339\" src=\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/history-of-web-push-notification-1.jpg\" alt=\"A Glimpse of History\" class=\"wp-image-2136\" srcset=\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/history-of-web-push-notification-1.jpg 509w, https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/history-of-web-push-notification-1-300x200.jpg 300w\" sizes=\"(max-width: 509px) 100vw, 509px\" \/><\/figure><\/div>\n\n\n<p>Despite being a new technology, web push notifications have now become an essential part of modern marketing strategy.<\/p>\n\n\n\n<p>The journey of web push began around December 2014 when <a href=\"https:\/\/www.cnet.com\/tech\/services-and-software\/google-builds-push-notifications-into-chrome-chrome-os\/\">Google introduced support for push notifications in their Chrome desktop browser<\/a>.<\/p>\n\n\n\n<p>Initially, web push faced limitations in functionality, relying on Google Cloud Messaging and non-standard API requests, hindering its effectiveness and adoption by brands. But the scenario evolved rapidly.<\/p>\n\n\n\n<p>Opera followed suit in adding web push support later that same year. By December 2015, significant changes occurred: Google and Mozilla announced versions of Chrome and Firefox that included a more robust approach to web push, simplifying its use and scalability for marketing teams.<\/p>\n\n\n\n<p>This modernized version of web push marked a turning point, making it more accessible and practical. Apple also started supporting a version of web push, and Microsoft&#8217;s Edge browser joined the fray in 2018.<\/p>\n\n\n\n<p>Notably, in December 2015, Braze (formerly Appboy) introduced web push support, extending this exciting outreach tool to its multitude of customers.<\/p>\n\n\n\n<p>These advancements set the stage for the wider adoption of web push notifications as a powerful means for marketing, growth, and engagement strategies.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_Push_Notification_Technology_Work\"><\/span>How Push Notification Technology Work?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"595\" height=\"353\" src=\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/Push-notification-performance-metrics.png\" alt=\"How Push Notification Technology Work?\" class=\"wp-image-2068\" srcset=\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/Push-notification-performance-metrics.png 595w, https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/Push-notification-performance-metrics-300x178.png 300w\" sizes=\"(max-width: 595px) 100vw, 595px\" \/><\/figure><\/div>\n\n\n<p>Web push notifications work by enabling websites to send brief messages or alerts to users&#8217; devices (such as desktops, laptops, or <a href=\"https:\/\/larapush.com\/blog\/web-push-notifications-mobile\/\">mobile phones<\/a>) through supported web browsers, even when the users are not actively visiting the website.<\/p>\n\n\n\n<p>Here&#8217;s a simplified breakdown of how web push notifications function:<\/p>\n\n\n\n<ul>\n<li><strong>Opt-in Process: <\/strong>When a user visits a website that supports web push notifications, they are prompted with a permission request asking if they&#8217;d like to receive notifications from that site. If the user agrees and clicks &#8220;<strong>Allow,<\/strong>&#8221; their browser generates a unique identifier for that specific website.<\/li>\n\n\n\n<li><strong>Subscription and Browser Support: <\/strong>Once the user subscribes to the notifications, their device and browser combination are registered with the website&#8217;s push notification service. All popular browsers, such as Chrome, Firefox, Safari, and Edge, support this feature.<\/li>\n\n\n\n<li><strong>Sending Notifications:<\/strong> When the website has an update, announcement, or any content to share, it uses its push notification service to send a message to the registered users. This message includes a title, message, and sometimes an image or a call-to-action button.<\/li>\n\n\n\n<li><strong>User Interaction: <\/strong>Users can interact with the notification by clicking on it. Clicking may direct them to the website or perform a specific action based on the notification&#8217;s content, such as viewing an article, making a purchase, or engaging with the site&#8217;s content.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_are_the_differences_between_Web_Push_Notifications_and_Mobile_Push_Notifications\"><\/span>What are the differences between Web Push Notifications and Mobile Push Notifications?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"358\" src=\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/what-is-the-difference-1024x358.jpg\" alt=\"What are the differences between Web Push Notifications and Mobile Push Notifications?\" class=\"wp-image-2137\" srcset=\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/what-is-the-difference-1024x358.jpg 1024w, https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/what-is-the-difference-300x105.jpg 300w, https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/what-is-the-difference-768x268.jpg 768w, https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/what-is-the-difference.jpg 1210w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p>The primary differences between web push notifications and mobile push notifications lie in their delivery platforms, user opt-in process, and the devices they target.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Criteria<\/th><th>Web Push Notifications<\/th><th><strong>Mobile Push Notifications<\/strong><\/th><\/tr><\/thead><tbody><tr><td><strong>Delivery Platform<\/strong><\/td><td>Delivered through your web browser, not an app<\/td><td>Users have to allow notification permissions during app installation<\/td><\/tr><tr><td><strong>User Opt-in<\/strong><\/td><td> Users have to grant permission while visiting the website<\/td><td>User have to allow notification permissions during app installation<\/td><\/tr><tr><td><strong>Download Requirements<\/strong><\/td><td>No app download required<\/td><td>Requires app download<\/td><\/tr><tr><td><strong>Supports<\/strong><\/td><td>Desktops, mobiles, and tablets (as long as you&#8217;re using a web browser)<\/td><td>Only on mobile devices where the app is installed<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_Web_Push_Notifications_Look_on_Desktop_vs_Mobile_Phones\"><\/span>How Web Push Notifications Look on Desktop vs Mobile Phones<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Web push notifications have slight variations in appearance between desktop and mobile devices.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"450\" src=\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/Push-Notifications-On-Desktop.jpg\" alt=\"Web Push Notifications on Smartphone\" class=\"wp-image-2433\" srcset=\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/Push-Notifications-On-Desktop.jpg 900w, https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/Push-Notifications-On-Desktop-300x150.jpg 300w, https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/Push-Notifications-On-Desktop-768x384.jpg 768w, https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/03\/Push-Notifications-On-Desktop-512x256.jpg 512w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>On desktops, web push notifications typically appear as small pop-up messages or banners that slide in from the corner of the screen, usually the bottom right for Windows and the top left for macOS.<\/p>\n\n\n\n<p>These notifications contain a title, a brief message, sometimes an image or icon, and possibly a call-to-action button. They are visible even when the user is not actively browsing the website and can be interacted with by clicking or dismissing them.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/01\/mobile-push-notification-1024x1024.png\" alt=\"Web Push Notifications on Smartphones\" class=\"wp-image-2219\" srcset=\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/01\/mobile-push-notification-1024x1024.png 1024w, https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/01\/mobile-push-notification-300x300.png 300w, https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/01\/mobile-push-notification-150x150.png 150w, https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/01\/mobile-push-notification-768x768.png 768w, https:\/\/larapush.com\/blog\/wp-content\/uploads\/2024\/01\/mobile-push-notification.png 1140w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>On mobile devices, web push notifications generally appear as banners or alerts that display at the top of the screen, regardless of whether the user is using their browser or another app.<\/p>\n\n\n\n<p>These notifications often look similar to native app notifications and include a title, a short message, and sometimes an image or action button. Users can tap on the notification to open the related website or take action as directed.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_Web_Push_Notifications_Are_Used_in_Marketing_Campaigns\"><\/span>How Web Push Notifications Are Used in Marketing Campaigns<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Web push notifications play a crucial role in modern marketing strategies by offering a direct and immediate way to engage users. They provide &#8211;<\/p>\n\n\n\n<ul>\n<li><strong>Instant Engagement:<em> <\/em><\/strong>They cut through the digital noise, reaching users directly on their browsers or mobile devices, even when they&#8217;re not on your website. This means immediate visibility and a chance to re-engage users.<\/li>\n\n\n\n<li><strong>Personalized Communication:<\/strong> You can tailor notifications based on user behavior, preferences, and demographics, delivering personalized messages that resonate. This boosts engagement as users get content relevant to their interests.<\/li>\n\n\n\n<li><strong>Real-Time Updates:<\/strong> Whether it&#8217;s a flash sale, breaking news, or new content, these notifications enable you to instantly notify users. This real-time communication keeps your audience in the loop.<\/li>\n\n\n\n<li><strong>Increased Click-Through Rates: <\/strong>Compared to emails, these notifications often have higher click-through rates. Their concise nature and immediate visibility encourage users to take action, leading to better conversion rates.<\/li>\n\n\n\n<li><strong>Re-Engagement and Retention: <\/strong><a href=\"https:\/\/larapush.com\/blog\/user-re-engagement-using-push-notifications\/\">Push notifications are excellent for re-engaging users<\/a> or reminding them about abandoned carts, upcoming events, or special offers, helping improve customer retention.<\/li>\n\n\n\n<li><strong>Enhanced User Experience: <\/strong>When used judiciously, they enhance user experience by providing valuable and timely information, making the interaction with your website more convenient and personalized.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>There you have it &#8211; a detailed guide on web push notifications and how they appear on different devices.<\/p>\n\n\n\n<p>Push notifications have already helped many marketing campaigns achieve their desired results, especially when trying to re-engage their users.<\/p>\n\n\n\n<p>If you also want to use push notifications for your campaigns, you can consider <a href=\"https:\/\/larapush.com\/features\/\">LaraPush<\/a> as we tested <a href=\"https:\/\/larapush.com\/blog\/top-web-push-notification-services\/\">top web push notification services<\/a> and found that LaraPush wins by a significant margin.<\/p>\n","protected":false},"excerpt":{"rendered":"Web push notifications are notifications sent by websites to your web browser, even when you aren&#8217;t actively using&hellip;","protected":false},"author":2,"featured_media":2134,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":""},"categories":[62],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is Web Push Notifications? - Full Guide and Explanation<\/title>\n<meta name=\"description\" content=\"Web push notifications are notifications sent by websites to your web browser, even when you aren&#039;t actively using the website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is Web Push Notifications? - Full Guide and Explanation\" \/>\n<meta property=\"og:description\" content=\"Web push notifications are notifications sent by websites to your web browser, even when you aren&#039;t actively using the website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/\" \/>\n<meta property=\"og:site_name\" content=\"LaraPush Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-23T11:58:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-12T05:47:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/Copy-of-PUSH-NOTIFICATION-9.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Swati Rath\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Swati Rath\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/\"},\"author\":{\"name\":\"Swati Rath\",\"@id\":\"https:\/\/larapush.com\/blog\/#\/schema\/person\/04ac49cd5ada8909d221c8fe54928e41\"},\"headline\":\"What is Web Push Notifications? &#8211; Full Guide and Explanation\",\"datePublished\":\"2024-03-23T11:58:28+00:00\",\"dateModified\":\"2024-09-12T05:47:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/\"},\"wordCount\":1020,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/larapush.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/Copy-of-PUSH-NOTIFICATION-9.png\",\"articleSection\":[\"Web Push Notifications\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/\",\"url\":\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/\",\"name\":\"What is Web Push Notifications? - Full Guide and Explanation\",\"isPartOf\":{\"@id\":\"https:\/\/larapush.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/Copy-of-PUSH-NOTIFICATION-9.png\",\"datePublished\":\"2024-03-23T11:58:28+00:00\",\"dateModified\":\"2024-09-12T05:47:24+00:00\",\"description\":\"Web push notifications are notifications sent by websites to your web browser, even when you aren't actively using the website.\",\"breadcrumb\":{\"@id\":\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#primaryimage\",\"url\":\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/Copy-of-PUSH-NOTIFICATION-9.png\",\"contentUrl\":\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/Copy-of-PUSH-NOTIFICATION-9.png\",\"width\":1920,\"height\":1080,\"caption\":\"What are Web Push Notifications?\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/larapush.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is Web Push Notifications? &#8211; Full Guide and Explanation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/larapush.com\/blog\/#website\",\"url\":\"https:\/\/larapush.com\/blog\/\",\"name\":\"LaraPush Blog\",\"description\":\"Stay Ahead, Stay Notified with LaraPush!\",\"publisher\":{\"@id\":\"https:\/\/larapush.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/larapush.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/larapush.com\/blog\/#organization\",\"name\":\"LaraPush\",\"url\":\"https:\/\/larapush.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/larapush.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2022\/05\/LARAPUSH.png\",\"contentUrl\":\"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2022\/05\/LARAPUSH.png\",\"width\":280,\"height\":60,\"caption\":\"LaraPush\"},\"image\":{\"@id\":\"https:\/\/larapush.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/larapush.com\/blog\/#\/schema\/person\/04ac49cd5ada8909d221c8fe54928e41\",\"name\":\"Swati Rath\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/larapush.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/11e4a0381950e817ca8360a0ce2c9544?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/11e4a0381950e817ca8360a0ce2c9544?s=96&d=mm&r=g\",\"caption\":\"Swati Rath\"},\"url\":\"https:\/\/larapush.com\/blog\/author\/swati-rath\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is Web Push Notifications? - Full Guide and Explanation","description":"Web push notifications are notifications sent by websites to your web browser, even when you aren't actively using the website.","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:\/\/larapush.com\/blog\/what-are-web-push-notifications\/","og_locale":"en_US","og_type":"article","og_title":"What is Web Push Notifications? - Full Guide and Explanation","og_description":"Web push notifications are notifications sent by websites to your web browser, even when you aren't actively using the website.","og_url":"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/","og_site_name":"LaraPush Blog","article_published_time":"2024-03-23T11:58:28+00:00","article_modified_time":"2024-09-12T05:47:24+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/Copy-of-PUSH-NOTIFICATION-9.png","type":"image\/png"}],"author":"Swati Rath","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Swati Rath","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#article","isPartOf":{"@id":"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/"},"author":{"name":"Swati Rath","@id":"https:\/\/larapush.com\/blog\/#\/schema\/person\/04ac49cd5ada8909d221c8fe54928e41"},"headline":"What is Web Push Notifications? &#8211; Full Guide and Explanation","datePublished":"2024-03-23T11:58:28+00:00","dateModified":"2024-09-12T05:47:24+00:00","mainEntityOfPage":{"@id":"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/"},"wordCount":1020,"commentCount":0,"publisher":{"@id":"https:\/\/larapush.com\/blog\/#organization"},"image":{"@id":"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#primaryimage"},"thumbnailUrl":"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/Copy-of-PUSH-NOTIFICATION-9.png","articleSection":["Web Push Notifications"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/","url":"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/","name":"What is Web Push Notifications? - Full Guide and Explanation","isPartOf":{"@id":"https:\/\/larapush.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#primaryimage"},"image":{"@id":"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#primaryimage"},"thumbnailUrl":"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/Copy-of-PUSH-NOTIFICATION-9.png","datePublished":"2024-03-23T11:58:28+00:00","dateModified":"2024-09-12T05:47:24+00:00","description":"Web push notifications are notifications sent by websites to your web browser, even when you aren't actively using the website.","breadcrumb":{"@id":"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#primaryimage","url":"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/Copy-of-PUSH-NOTIFICATION-9.png","contentUrl":"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2023\/12\/Copy-of-PUSH-NOTIFICATION-9.png","width":1920,"height":1080,"caption":"What are Web Push Notifications?"},{"@type":"BreadcrumbList","@id":"https:\/\/larapush.com\/blog\/what-are-web-push-notifications\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/larapush.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What is Web Push Notifications? &#8211; Full Guide and Explanation"}]},{"@type":"WebSite","@id":"https:\/\/larapush.com\/blog\/#website","url":"https:\/\/larapush.com\/blog\/","name":"LaraPush Blog","description":"Stay Ahead, Stay Notified with LaraPush!","publisher":{"@id":"https:\/\/larapush.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/larapush.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/larapush.com\/blog\/#organization","name":"LaraPush","url":"https:\/\/larapush.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/larapush.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2022\/05\/LARAPUSH.png","contentUrl":"https:\/\/larapush.com\/blog\/wp-content\/uploads\/2022\/05\/LARAPUSH.png","width":280,"height":60,"caption":"LaraPush"},"image":{"@id":"https:\/\/larapush.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/larapush.com\/blog\/#\/schema\/person\/04ac49cd5ada8909d221c8fe54928e41","name":"Swati Rath","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/larapush.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/11e4a0381950e817ca8360a0ce2c9544?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/11e4a0381950e817ca8360a0ce2c9544?s=96&d=mm&r=g","caption":"Swati Rath"},"url":"https:\/\/larapush.com\/blog\/author\/swati-rath\/"}]}},"_links":{"self":[{"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/posts\/2012"}],"collection":[{"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/comments?post=2012"}],"version-history":[{"count":8,"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/posts\/2012\/revisions"}],"predecessor-version":[{"id":2921,"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/posts\/2012\/revisions\/2921"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/media\/2134"}],"wp:attachment":[{"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/media?parent=2012"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/categories?post=2012"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/larapush.com\/blog\/wp-json\/wp\/v2\/tags?post=2012"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}