وب پوش: نمایش نوتیفیکشن به کاربران وبسایت شما

برای نمایش نوتیفیکیشن به کسانی که به سایت شما مراجعه می کنند می توانید از وب پوش استفاده کنید.

فقط دامنه https

در این روش از کاربر هنگام ورود به سایت پرسیده می شود که آیا می خواهد اعلان های شما را دریافت کند یا خیر و اگر تایید کند اعلان های وبی که شما ارسال می کنید را دریافت می کند. اگر سایت شما همیشه بصورت https باز می شود، بهتر است از این روش استفاده کنید.

فایل sw.js را در شاخه اصلی سایتتان قرار دهید. توجه داشته باشید که کاربرانتان با لینک https://YOUR_DOMAIN/sw.js باید بتوانند این فایل را دریافت کنند. قطعه کد زیر را در html سایتتان اضافه کنید:

<script src="https://api.pushe.co/static/webpush.js" type="text/javascript"></script>
<script type="text/javascript">
(function () {
  var pushe = new PusheSubscription(
    "Your Token",
    "shmerka"
  );
  pushe.init();
})();
 </script>

دامنه ی https و http

در این روش نسبت به روش بالا کاربر شما برای تایید دریافت اعلان باید یک مرحله بیشتر طی کند اما دیگر الزامی وجود ندارد که سایت شما https باشد. بعد از این که کاربر به سایت شما وارد شود یک دیالوگ باز می شود و متنی که در قطعه کد زیر است را به او نشان می دهد. بعد از تایید کاربر یک پنجره باز می شود و از کاربر پرسیده می شود که اجازه دریافت اعلان را می دهد یا خیر. قطعه کد زیر را در تگ body صفحه اصلی سایتتان اضافه کنید:

<script src="http://api.pushe.co/static/webpush-http.js" type="text/javascript"></script>
<script src="http://api.pushe.co/static/popupmodal.js" type="text/javascript"></script>
<link rel="stylesheet" type=scss href="http://api.pushe.co/static/popupmodal.css" />
<script type="text/javascript">
  PusheHttp("https://shmerka-wp.pushe.co/","مایل به دریافت اعلان هستید؟","تایید","لغو")
</script>