اعلان‌های فشاری اکنون در بین مرورگرها پشتیبانی می‌شوند

اعلان های به موقع و مفید را به کاربران خود ارائه دهید.

اعلان‌های فشاری در سال 2016 با انتشار Push API و Notification API که بخشی از گروه کاری برنامه‌های کاربردی وب W3C هستند، استاندارد شدند. این APIها عملکرد لازم را برای توسعه دهندگان وب فراهم می کنند تا اعلان های فشاری را در برنامه های وب خود بگنجانند و کاربران بتوانند اعلان ها را در مرورگرهای وب خود دریافت کرده و با آنها تعامل داشته باشند. پیام‌های فشاری اعلان‌هایی هستند که از وب‌سایت یا برنامه‌ای که کاربر قبلاً مجوز ارسال اعلان‌ها را به آن‌ها داده است، به مرورگر وب کاربر ارسال می‌شود. از این پیام‌ها می‌توان برای آگاه کردن کاربر از محتوا یا به‌روزرسانی‌های جدید، یادآوری رویدادها یا ضرب‌الاجل‌های آینده یا ارائه اطلاعات مهم دیگر استفاده کرد. پیام‌های فشاری می‌توانند به ویژه برای برنامه‌هایی مفید باشند که نیاز دارند اطلاعات مرتبط و به موقع را به کاربران خود ارائه دهند، مانند برنامه‌های خبری یا ورزشی، یا برای وب‌سایت‌های تجارت الکترونیکی که می‌خواهند اعلان‌هایی درباره پیشنهادات ویژه یا فروش به کاربران ارسال کنند.

برای ثبت نام در اعلان‌های فشاری، ابتدا بررسی کنید window navigator serviceWorker شما از آن‌ها پشتیبانی می‌کند یا PushManager .

اگر اعلان‌های فشاری پشتیبانی می‌شوند، از async استفاده کنید و await کلمات کلیدی باشید تا سرویس‌کار را ثبت کنید و برای اعلان‌های فشار مشترک شوید. در اینجا مثالی از نحوه انجام این کار با استفاده از جاوا اسکریپت آورده شده است:

// Check if the browser supports push notifications.
if ("serviceWorker" in navigator && "PushManager" in window) {
 
try {
   
// Register the service worker.
   
const swReg = await navigator.serviceWorker.register("/sw.js");

   
// Subscribe for push notifications.
   
const pushSubscription = await swReg.pushManager.subscribe({
      userVisibleOnly
: true
   
});

   
// Save the push subscription to the database.
    savePushSubscription
(pushSubscription);
 
} catch (error) {
   
// Handle errors.
    console
.error("Error subscribing for push notifications.", error);
 
}
} else {
 
// Push notifications are not supported by the browser.
  console
.error("Push notifications are not supported by the browser.");
}

پشتیبانی مرورگر

  • کروم: 42.
  • لبه: 17.
  • فایرفاکس: 44.
  • سافاری: 16.

منبع

در ادامه مطلب