درخواست پیش فاکتور

آموزش افزودن وب نوتیفیکیشن وردپرس – قسمت دوم

  • ۲۸ بهمن ۱۳۹۶
  • بدون دیدگاه
  • مجید عابد
 
1 Star2 Stars3 Stars4 Stars5 Stars

امروز قسمت دوم آموزش افزودن وب نوتیفیکیشن وردپرس را برای شما آماده کرده ایم . در قسمت اول آموزش افزودن وب نوتیفیکیشن وردپرس شما توانستید یک برنامه در گوگل ایجاد کرده و کلید API مربوط به برنامه خود را دریافت کنید . همچنین افزونه مد نظر ما را دانلود کردید . اکنون نوبت آن است که پیکربندی لازم را جهت اتصال افزونه به گوگل و بقیه موارد آن را انجام دهید . برای انجام اینکار میتوانید آموزش کامل را در ادامه مطلب مطالعه کنید .

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

در این مرحله از کار نیاز است تا شما به سایت OnSignal رفته و یک حساب کاربری رایگان ایجاد کنید . پس از ساخت حساب کاربری لازم است تا وارد حساب خود شده و بر روی دکمه Add a new app کلیک کنید .

آموزش افزودن وب نوتیفیکیشن وردپرس - قسمت دوم

آموزش افزودن وب نوتیفیکیشن وردپرس – قسمت دوم

از شما درخواست میشود تا نامی برای برنامه مورد نظر خود وارد کنید . سپس بر روی دکمه Create کلیک کنید .

در صفحه بعد از شما پرسیده میشود تا نوع پلتفورمی که میخواهید با آن کار کنید را مشخص کنید . در این مرحله نیاز است تا شما Website Push را انتخاب کرده و سپس بر روی دکمه Next کلیک کنید .

آموزش افزودن وب نوتیفیکیشن وردپرس - قسمت دوم

آموزش افزودن وب نوتیفیکیشن وردپرس – قسمت دوم

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

آموزش افزودن وب نوتیفیکیشن وردپرس - قسمت دوم

آموزش افزودن وب نوتیفیکیشن وردپرس – قسمت دوم

بر روی دکمه Next کلیک کنید . در مرحله بعد از شما آدرس سایت وردپرسی ، Google Server API key و یک لوگو برای نوتیفیکیشن های مد نظر شما درخواست میکند .

 

اگر سایت شما اس اس ال ندارد ، باید کادر My site is not fully HTTPS را علامت گذاری کنید .

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

با انتخاب گزینه گفته شده در مرحله بعد شما نیازمند وارد کردن سابدامین روی Onesignal برای نوتیفیکیشن های خود هستید .

همچنین شما باید Google Project Number یا Sender ID که در قسمت اول آموزش دریافت کردید را باید اینجا وارد کنید .

بر روی دکمه Save کلیک کنید . شما اکنون میتوانید کادر باز شده را ببندید ، در اینجا پیغام خطایی مشاهده میکنید که نصب هنوز کامل نشده و میتوانید بعدا آن را ادامه دهید با کلیک بر روی Yes کادر بسته خواهد شد .

مرحله ۳ : دریافت کلید OneSignal

شما نیاز است که کلید OneSignal رو برای سایتتون دریافت کنید . برای اینکار از داشبورد خود بر روی App Settings کلیک کنید .

آموزش افزودن وب نوتیفیکیشن وردپرس - قسمت دوم

آموزش افزودن وب نوتیفیکیشن وردپرس – قسمت دوم

 

با انتخاب این گزینه صفحه مربوط به تنظیمات برنامه شما باز خواهد شد که دارای چند زبانه میباشد . شما نیاز دارید که به زبانه Key & Id بروید .

در اینجا کلید را میتوانید دریافت کنید و به تنظیمات افزونه وردپرس خود رفته و آن را در قسمت مربوطه وارد کنید .

آموزش افزودن وب نوتیفیکیشن وردپرس - قسمت دوم

آموزش افزودن وب نوتیفیکیشن وردپرس – قسمت دوم

مرحله ۴ – انجام تنظیمات مرورگر سفری

توجه کنید که ما تنظیمات مرورگر سفری را نادیده گرفتیم ، اکنون میخواهیم آن را انجام دهیم .

برای اینکار وارد حساب کاربری خود شده و بر روی App Settings کلیک کنید . صفحه را اسکرول کرده به پایین بیاورید و دکمه Configure مربوط به مرورگر سفری را انتخاب کنید .

در مرحله بعد شما کافیست آدرس وب سایت و نام وب سایت خود را وارد کنید ، و اگر نیازمند قرار دادن آیکون برای نوتیفیکیشن خود هستید میتوانید چک باکس I’d like to upload my own notification icons را فعال کنید . پس از این کار شما میتوانید آیکون های خود را در سایز های مختلف وارد کنید .

 

بر روی Save کلیک کرده و صفحه رو رفرش کنید ، در زیر نام سفری شما Web ID رو مشاهده میکنید که باید اون رو کپی کنید و درون تنظیمات افزونه OneSignal در وردپرس قرار دهید .

 

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

بر روی Save کلیک کرده ، در این مرحله لازم است که target SDK را انتخاب کنید که مد نظر ما وردپرس است . وردپرس را انتخاب میکنیم .

با کلیک بر روی Next وارد مرحله تست میشوید . بر روی Send Test Notification کلیک کنید .

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

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

در این مرحله OneSignal یک نوتیفیکیشن تست برای شما ارسال میکند . در صورتی که بررسی کردید و مشکلی نبود بر روی دکمه Done کلیک میکنید .

چگونه برای کاربرانمان وب نوتیفیکیشن ارسال کنیم ؟

برای این کار شما لازم است تا وارد پنل خود شده در پایین صفحه گزینه ای به نام New Message را مشاهده میکنید . بر روی آن کلیک کنید تا وارد صفحه ای جهت نوشتن پیغام خود شوید .

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

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

شما همچنین علاوه بر نوشتن متن پیام خود میتوانید آن را زمان بندی کنید ! میتونید سایت رو تست کنید و از امکانات اون لذت ببرید . امیدوارم که از قسمت دوم آموزش افزودن وب نوتیفیکیشن وردپرس استفاده کافی و کامل رو برده باشید .

خوشحال میشیم اگر سئوال و مشکلی داشتید بپرسید تا راهنماییتون کنیم .

 

دکتر رنک لول رنگ - پالت رنگ های مورد تایید آی وحید درگاه پرداخت واسط jibme