مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

sammir

عضویت از 1396/01/19

نمایش نوتیفیکیشن در وبسایت

  • سه شنبه 1 خرداد 1397
  • 17:31
تشکر میکنم

با درود و احترام خدمت استاد مدائنی محترم

میخواستم بدونم نحوه ایجاد نوتیفیکیشن و نمایش آن در وبسایت ها به چگونه است و از چه تکنولوژی استفاده میکنن

به عنوان مثال اگه وارد سایتی مثل تخفیفان بشید نمونه این مورد را خواهید دید که از کاربر سوال میکنه آیا حاضر به فعالسازی نمایش نوتیفیکیشن هستید یا خیر؟

ممنون میشم اگه فقط تکنولوژی به کار برده شده رو اعلام فرمایید .بقیه آر اند دی رو خودم انجام خواهم داد.

با تشکر

پاسخ های این پرسش

تعداد پاسخ ها : 1 پاسخ
کاربر سایت

kaveh.norozi

عضویت از 1394/11/30

  • یکشنبه 6 خرداد 1397
  • 10:22

مراحل ارسال نوتیفیکیشن در مرورگر:

1) مجوز جهت نمایش نوتیفیکیشن

کد جاوا اسکریپت زیر رو به صفحه خودتون اضافه کنید:

document.addEventListener('DOMContentLoaded', function () 
{

if (Notification.permission !== "granted")
{
Notification.requestPermission();
}

});

این خط هشدار برای دریافت مجوز را نمایش می دهد:

Notification.requestPermission

2) سفارشی کردن عملیات نمایش نوتیفیکیشن

function customnotify(title,desc,url) 
{

  if (Notification.permission !== "granted")
  {
   Notification.requestPermission();
  }
  else
  {
   var notification = new Notification(title, {
   icon:'http://Your_Website.com/logo.png',
   body: desc,
   });

   /*  تابع زمانی که روی نوتیفیکیشن کلیک می شود.*/
   notification.onclick = function () {
   /*  زمان اجرا صفحه به آدرس url باز می شود.*/  
  window.open(url); 
   };

   /* تابع برگشتی زمانی که نوتیفیکیشن بسته می شود. */
   notification.onclose = function () {
   console.log('نوتیفیکیشن بسته شد');
   };

  }
}

حالا کافیه تابع costumnotify رو فراخوانی کنیم

بعنوان مثال :

customnotify('Title Notification','I love MVC','http://www.mymvc.ir')

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)