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

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

توماس اشتاینر
توماس اشتاینر

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

برای navigator نام در اعلان‌های فشاری window ابتدا بررسی کنید که آیا 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

منبع

بیشتر خواندن

بخشی از سری جدید قابلیت همکاری