درود ,
در این بخش از آموزش وردپرس در مورد نوتیفیکیشن onesignal آموزشی رو تهیه کردیم که با استفاده از آن میتوانید به راحتی با کاربران خود تعامل برقرار کنید و اطلاع رسانی های وبسایت رو به راحتی به دید کاربران خود برسانید .
یک نمونه از این خبررسان در سایت مکانیک ایجاد شده با نام دریــافت اطــلاعــیه های مــهم و تــخفیــف های مــکانیک وردپرس که کاربران بعد از عضویت در این خبر رسان مدیر هر پیغام و آدرسی را به کاربران خود ارسال میکند .
این پیغام میتونه اطلاع از آخرین نوشته های سایت های وردپرسی شما باشد که با انواع مرورگرهای موجود سازگار بوده و زمانی که مدیر سایت نوشته ای در وردپرس ارسال کند بصورت اطلاع رسان در مرورگر کاربر اعلام میشود و کاربر با کلیک بر روی اطلاع رسانی به راحتی میتواند نوشته مورد نطر را ببیند .
Web Push Notifications افزونه OneSignal
در توضیحات بالا با روند کار افزونه onesignal آشنا شدید . در زیر آموزش ایجاد این قابلیت برای وبسایت خود را مشاهده میکنید . این قابلیت به شما کمک میکند تا ورودی های خوبی را بر روی یک مطلب کسب کنید , ممکنه محصول باشد که با این حرکت فروش محصول را بیشتر میکنید .
بدون اینکه شخصی از سایت شما دیدن کند اعلانی از سایت شما بر روی مرورگر کاربر ظاهر خواهد شد که این روش حتی میتواند بر روی موبایل هم مفید باشد اگر تنظیمات افزونه را بدرستی انجام داده باشید کاربران به راحتی میتوانند اعلان ها را در موبایل خود دریافت کنند .
آموزش نصب افزونه onesignal
برای نصب افزونه onsignal بر روی افزونه ها > افزودن کلیک نمائید . بعد از جستجو افزونه با نام onsignal بر روی نصب و فعال سازی کلیک نمائید . بعد از فعال سازی طبق تصویر زیر گزینه ای به نام oneSignal Push طبق تصویر زیر فعال میشود .
بعد از کلیک بر روی گزینه onesignal به صفحه تنظیمات صفحه اعلان وردپرس هدایت میشوید .
در بخش تنظمیات این افزونه دو تب با نام Setup و Configurations را مشاهده میکنید .
Setup : آموزش نصب و تنظیمات افزونه را به شما به زبان انگلیسی آموزش میدهد .
Configurations : صفحه تنظیمات افزونه اعلان وردپرس .
ساخت اکانت در سایت onesignal
به وبسایت onesignal به ادرس زیر مراجعه کرده و بر روی دکمه Web Push get started کلیک نمائید .
در همان صفحه پنجره ای طبق تصویر زیر باز میشود که میتوانید فرم تا تکمیل کنید و یا با استفاده از شبکه های اجتماعی در دسترس ثبت نام خود را به سرعت انجام دهید .
بعد از اینکه ثبت نام شما تکمیل شد یک ایمیل حاوی تائید اکانت برای شما ارسال میشود که با کلیک بر روی گزینه Click here to confirm your account در ایمیل خود اکانت خود را تائید میکنید .
بعد از تائید ایمیل به صفحه پنل خود در سایت onesignal هدایت میشوید .
طبق تصویر زیر برای ادامه بر روی گزینه Add a new app جهت ساخت app اعلان کلیک نمائید و طبق تصویر زیر نام کمپانی و یا وبسایت خود را وارد کنید .
بعد از اینکه نام سایت خود را به عنوان app درج کردید به مرجله انتخاب نوع اعلان وردپرس میرسید که بهتر است بر روی گزینه Website Push کلیک کرده و برای ادامه بر روی دکمه Next کلیک نمائید .
طبق تصویر زیر :
بعد از کلیک بر روی گزینه انتخابی و دکمه Next به شما حق انتخاب مرورگر های سیستم عامل هایی مانند IOS و WINDOWS را میدهد .
طبق تصویر زیر :
Google Chrome &Mozilla Firefox : فعال سازی اعلان بر روی مرورگر فایرفاکس و گوگل کروم .
Apple Safari : فعال سازی اعلان بر روی سیستم عامل IOS مرورگر سافاری .
با انتخاب مرورگر گوگل کروم و فایرفاکس در ادامه باید ادرس سایت و آیکون پیشفرض اعلان که لوگو شما میتواند باشد را درج نمائید .
نکته : لوگو را در رسانه خود اپلود کرده و آدرس لوگو را کپی نمائید .
در ادامه :
بعد از اعمال تنظیمات طبق تصویر بالا بر روی گزینه SAVE کلیک نمائید .
طبق تصویر زیر ادامه دهید .
در تصویر بالا نوتیفیکیشن OneSignal با استفاده از پلاگین میباشد لازم است بر روی wordpress کلیک نمائید و بر روی گزینه Next کلیک نمائید .
بعد از اینکه بر روی گزینه next کلیک کردید به شما کد های همگام سازی را نمایش میدهد طبق تصویر زیر .
به صفحه تنظیمات افزونه در بخش پیشخوان وردپرس مراجعه کرده و کد های تصویر بالا را در تنظیمات افزونه اعمال نمائید .
در پایان این بخش میتوانید با زدن دکمه Save تمامی مراحل را ذخیره و سایت خود را مجدد ریفرش نمائید .
همانطور که میبینید در مرورگر شما پیغام عضویت در اعلان وردپرس را به نمایش میگذارد .
نمایش نوتیفیکیشن OneSignal با کد
برای درج اعلان وردپرس بر روی سایت بدون افزونه و با درج کد زیر در بخش head سایت هم میتوانید این قابلیت را به سایت اضافه کنید .
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <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",/* کد app id را وارد نمائید */ autoRegister: false, subdomainName: 'SUBDOMAIN_NAME', httpPermissionRequest: { enable: true }, notifyButton: { enable: true } }]); </script> </head> |
در کد بالا در لاین ۶ کد APP ID که از سایت onesignal دریافت کردید را وارد نمائید .
برای اینکه بتوانید اعلان های خود را مدیریت کنید در همین بخش از تنظیمات افزونه قابلیت های خوبی فراهم شده است که در آموزش های بعدی به این موارد میپردازیم .
موفق و پیروز باشید .
3 دیدگاه