آموزش افزودن نوتیفیکیشن توسط OneSignal
- آموزش وبمستر • آموزش • آموزش وردپرس • اخبار • معرفی کسب و کار
- ۲۷ بهمن ۱۴۰۲
- 3,527 بازدید
آنچه در این پست می‌خوانید
آموزش افزودن نوتیفیکیشن
برخی وبسایت ها رویت کرده اید که از نوتیفیکیشن برای نمایش اطلاعیه های خود استفاده می نمایند. همچنین سایت های مانند فیسبوک از نوتیفیکیشن استفاده می کنند. خوب ما به شما آموزش میدهیم چطور قابلیت OneSignal را به سایت خود اضافه کنید. با ما همراه باشید.
نوتیفیکیشن چیست؟
پیام های قابل کلیکی می باشد که در صفحه دسکتاپ کاربر به نمایش در می آیند حتی زمانی که مرورگر باز نباشد.
در حال حاضر سایت های بزرگی مثل فیسبوک ، پینترست ، لینکدین و… از قابلیت نوتیفیکیشن استفاده می کنند.
نوتیفیکیشن بیشتر از sms و ایمیل و شبکه اجتماعی کاربران رو درگیر خود میکند.
طبق تحقیق انجام شده امکان کلیک روی نوتیفیکیشن در کاربران موبایل ۵۰% می باشد.
چگونه این قابلیت را به سایت خود اضافه کنیم؟
همیشه یک یا چندین سایت در زمینه های مختلفی باز می شوند که سایت OneSignal برای زمینه کاری ماست.
OneSignal یک سرویس رایگان که به شما اجازه میده نوتیفیکیشن رو به سایت خود اضافه کنید.
راهنمای اضافه کردن نوتیفیکیشن :
ابتدا وارد سایت onesignal.com شوید و اکانت کاربری خود را ایجاد کنید.
در صفحه باز شده روی Web Push کلیک کنید تا صفحه ثبت نام باز شود.
برای تایید و فعال سازی اکانت کاربری خود وارد اکانت ایمیل خود شود.
خوب برای فعال سازی اکانت کاربری خود یک ایمیل تایید از سوی این سایت برای شما ارسال شده است.
این ایمیل را باز کرده و روی Click here to confirm your account. کلیک کنید تا اکانت شما تایید و فعال شود.
خوب حال شما وارد کنترل پنل این سایت می شود و باید نوتیفیکیشن خود را ایجاد کنید.
حال در صفحه باز شده طبق تصویر روی Add a new app کلیک کنید و نام نوتیفیکیشن خود را وارد کنید.
سپس دکمه Create رو بزنید تا برنامه شما ایجاد شود.
در صفحه باز شده شما باید نوع پلت‌فرم را انتخاب کنید.
چون ما نوتیفیکیشن در مرورگر را آموزش می دهیم باید گزینه Website Push رو انتخاب کنید.
در این مرحله نیز باید گزینه Google Chrome & Mozilla Firefox را انتخاب کنید.
تا اطلاعیه در مرورگر های ذکر شده نمایش داده شود.
در این مرحله باید ادرس سایت خود و همچنین لوگو سایت رو انتخاب و وارد کنید و گزینه Save رو بزنید.
دقت کنید که اگر سایت شما از https پشتیبانی می کند باید تیک گزینه My site is not fully HTTPS رو زده و تنظیمات رو اعمال کنید.
در این مرحله باید دقت کنید.
اگر از وردپرس استفاده می کنید گزینه وردپرس را وارد کنید و کد Your App ID را دریافت کرده و در تنظیمات افزونه OneSignal – Free Web Push Notifications وارد کنید تا نوتیفیکیشن برای شما نمایش داده شود.
یا اگر می خواهید بصورت دستی در قالب و سایت خود نمایش دهید گزینه Website Push را بزنید.
سپس کد Your App ID را کپی کنید و بصورت آموزش زیر عکس عمل کنید.
برای نمایش نوتیفیکیشن در سایت خود کد زیر را در هدر خود قبل از بسته شد تگ head قرار بدید.
<head>
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async='async'></script>
<script>
var OneSignal = window.OneSignal || [];
OneSignal.push(["init", {
appId: "YOUR_APP_ID",
autoRegister: false, /* Set to true to automatically prompt visitors */
subdomainName: 'SUBDOMAIN_NAME',
httpPermissionRequest: {
enable: true
},
notifyButton: {
enable: true /* Set to false to hide */
}
}]);
</script>
</head>
خوب به جای YOUR_APP_ID آی دی دریافتی را کپی کنید.
همچنین به جای SUBDOMAIN_NAME نام نوتیفیکیشن خود را وارد کنید.
نام نوتیفیکیشن همین نامی است که در ابتدا وارد کردید.
خوب حال نوتیفیکیشن به سایت شما اضافه شد و شما میتوانید اطلاعیه های خود را ارسال کنید.
برای ارسال هم از سایت چپ روی All Apps کلیک کنید تا اپ های شما نمایان شود.
سپس در صفحه باز شده اپ یا نوتیفیکیشن خود را باز کنید تا به صفحه ارسال و تنظیمات برسید.
روی New push notification کلیک کنید تا صفحه ارسال برایتان باز شود.
عنوان و متن را بنویسید و دکمه Preview بزنید پس از پیشنمایش اطلاعیه دکمه Send را بزنید تا اطلاعیه ارسال شود.
موفق و پیروز باشید.
