برای نمایش نوتیفیکیشن به کسانی که به سایت شما مراجعه می کنند می توانید از وب پوش استفاده کنید.
در این روش از کاربر هنگام ورود به سایت پرسیده می شود که آیا می خواهد اعلان های شما را دریافت کند یا خیر و اگر تایید کند اعلان های وبی که شما ارسال می کنید را دریافت می کند. اگر سایت شما همیشه بصورت 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 باشد. بعد از این که کاربر به سایت شما وارد شود یک دیالوگ باز می شود و متنی که در قطعه کد زیر است را به او نشان می دهد. بعد از تایید کاربر یک پنجره باز می شود و از کاربر پرسیده می شود که اجازه دریافت اعلان را می دهد یا خیر. قطعه کد زیر را در تگ 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>