--- title: Web Notifications API Support Now Available in FCM Send... description: Firebase Cloud Messaging's v1 REST API now fully integrates with the Web Notifications API, letting servers set icons, images, and interactive action buttons... canonical: https://daily.dev/posts/web-notifications-api-support-now-available-in-fcm-send-v1-api-aezbbtne8 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Web Notifications API Support Now Available in FCM Send v1 API | daily.dev og:description: Firebase Cloud Messaging's v1 REST API now fully integrates with the Web Notifications API, letting servers set icons, images, and interactive action buttons... og:url: https://daily.dev/posts/web-notifications-api-support-now-available-in-fcm-send-v1-api-aezbbtne8 og:image: https://api.daily.dev/og/posts/AEZbbTNe8.png og:image:alt: Web Notifications API Support Now Available in FCM Send v1 API og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Web Notifications API Support Now Available in FCM Send v1 API **[Firebase](https://daily.dev/sources/firebase-blog)** · 3 min read · 0 upvotes · 0 comments ## Summary Firebase Cloud Messaging's v1 REST API now fully integrates with the Web Notifications API, letting servers set icons, images, and interactive action buttons on web push notifications. New options exposed by browser updates to the Web Notifications API become available immediately without waiting for an FCM SDK update. A sample payload shows how to include title, body, icon, image, and clickable actions, along with client-side code for handling action clicks (like/unsubscribe) inside a service worker via the notificationclick event listener. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### How do I add action buttons like and unsubscribe to a web push notification sent from FCM? Include an actions array in the webpush.notification payload of the FCM v1 send API, with each action specifying a title, action string, and icon. On the client, add a notificationclick event listener in the service worker (e.g. firebase-messaging-sw.js) that checks event.action against the action strings to trigger the corresponding behavior, such as liking a photo or unsubscribing. _daily.dev surfaces implementation examples like this for developers wiring up web push interactions._ ### Does FCM's send API support the full Web Notifications API including icons and images? Yes, the FCM v1 REST API fully integrates with the Web Notifications API, allowing servers to set icons, images, actions, and other notification parameters directly in the send payload. As the Web Notifications API adds new capabilities in browsers, those options become usable through FCM immediately, without requiring an FCM SDK update. _Developers tracking platform API integrations like this can follow related updates on daily.dev._ ## Similar posts on daily.dev - [When Notifications Became Data Trucks: A Real-World Crash Story from Firebase FCM](https://daily.dev/posts/when-notifications-became-data-trucks-a-real-world-crash-story-from-firebase-fcm-nh9ixqylv) · ProAndroidDev · 1 upvotes · 0 comments - [Medium](https://daily.dev/posts/medium-luxb9umgz) · Medium · 0 upvotes · 0 comments - [Increasing web push notification value with rate limits](https://daily.dev/posts/increasing-web-push-notification-value-with-rate-limits-pyrbjahmf) · Chrome Developers · 46 upvotes · 1 comments - [Deep Linking and Navigation from Notifications](https://daily.dev/posts/deep-linking-and-navigation-from-notifications-zyqz11wln) · Medium · 0 upvotes · 0 comments --- Tags: [#javascript](https://daily.dev/tags/javascript) [View this post on daily.dev](https://daily.dev/posts/web-notifications-api-support-now-available-in-fcm-send-v1-api-aezbbtne8) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Web Notifications API Support Now Available in FCM Send v1 API","url":"https://daily.dev/posts/web-notifications-api-support-now-available-in-fcm-send-v1-api-aezbbtne8","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/web-notifications-api-support-now-available-in-fcm-send-v1-api-aezbbtne8"},"datePublished":"2026-08-23T12:19:10.618Z","dateModified":"2026-08-23T12:24:52.424Z","description":"Firebase Cloud Messaging's v1 REST API now fully integrates with the Web Notifications API, letting servers set icons, images, and interactive action buttons...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/7ed721de96163685d26ab7e314be3ebc?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/7ed721de96163685d26ab7e314be3ebc?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Firebase","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Firebase","logo":"https://media.daily.dev/image/upload/s--i395oqZH--/f_auto,q_auto/v1787487448/logos/firebase-blog?_a=BAMAMicg0","url":"https://daily.dev/sources/firebase-blog"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/web-notifications-api-support-now-available-in-fcm-send-v1-api-aezbbtne8","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"javascript","timeRequired":"PT3M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Firebase","item":"https://daily.dev/sources/firebase-blog"},{"@type":"ListItem","position":3,"name":"Web Notifications API Support Now Available in FCM Send v1 API"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/web-notifications-api-support-now-available-in-fcm-send-v1-api-aezbbtne8#faq","mainEntity":[{"@type":"Question","name":"How do I add action buttons like and unsubscribe to a web push notification sent from FCM?","acceptedAnswer":{"@type":"Answer","text":"Include an actions array in the webpush.notification payload of the FCM v1 send API, with each action specifying a title, action string, and icon. On the client, add a notificationclick event listener in the service worker (e.g. firebase-messaging-sw.js) that checks event.action against the action strings to trigger the corresponding behavior, such as liking a photo or unsubscribing. daily.dev surfaces implementation examples like this for developers wiring up web push interactions."}},{"@type":"Question","name":"Does FCM's send API support the full Web Notifications API including icons and images?","acceptedAnswer":{"@type":"Answer","text":"Yes, the FCM v1 REST API fully integrates with the Web Notifications API, allowing servers to set icons, images, actions, and other notification parameters directly in the send payload. As the Web Notifications API adds new capabilities in browsers, those options become usable through FCM immediately, without requiring an FCM SDK update. Developers tracking platform API integrations like this can follow related updates on daily.dev."}}]} ```