چگونگی اضافه کردن push notification به سایت وردپرسی

سلام دوستان

آیا شما متوجه اطلاعیه هایی که در وب سایت های محبوبی مثل فیس بوک استفاده می شود شده اید؟! در این مقاله قصد داریم به شما آموزش دهیم چطور اطلاعیه را به وب سایت وردپرسی تان اضافه کنید.

push notification مشابه یک پیامک در مواقع قطعی به عنوان هشدار برای تلفن همراه اندرویدی و یا IOS شما ارسال خواهد شد .

چرا باید Push Notifications را به وب سایت وردپرسی تان اضافه کنید؟

Push Notifications، پیام هایی هستند که با کلیک کردن در بالای دسکتاپ کاربر نمایش داده می شوند. آن ها حتی زمانی که مرورگر کاربر نمی تواند باز شود نیز نشان داده می شوند.

 

35

گذشته از دسکتاپ، Push Notifications در  مرورگرهای تلفن همراه نیز کار می کنند.سایت های محبوبی مثل Facebook, Pinterest, LinkedIn وبسیاری از سایت های دیگر از Push Notifications  استفاده می کنند. آن جذاب تر از اس ام اس، بازاریابی ایمیلی و دیگر رسانه های اجتماعی است.push notifications  در تلفن های همراه با نرخ 50 درصد بیشتر بازدیدکنندگان باز می کنند.

 

راه اندازی push notifications در وردپرس با OneSignal

OneSignal یک سرویس رایگان است که اجازه می دهد تا شما  push notifications  را به هر وب سایت، وب، و یا برنامه های تلفن همراه اضافه کنید.اولینکاری که شما باید انجام دهید این است که  افزونه OneSignal را نصب و فعال سازی کنید.پس از فعال سازی این افزونه یک  منو جدید  OneSignal در نوار مدیریت وردپرس اضافه می شود. با کلیک بر روی آن را  شما به صفحه تنظیمات پلاگین  هدایت می شوید.

1 

صفحه ی تنظمات  OneSignal به دو تب Setup و Configuration تقسیم شده است.برای راه اندازی OneSignal، شما نیاز به اضافه کردن کلید API و شناسه نرم افزار های مختلف  به تنظیمات پلاگین دارید.

مرحله 1: ایجاد کلید گوگل

در ابتدا شما به وب سایت Google Services Wizard مراجعه کنید.

googleservicesapp

 

برای اپلیکیشنی که می خواهید ارایه دهید یک نامی انتخاب کنید .OneSignal به عنوان نام بسته ی آندروید استفاده نمی شود اما یک فیلد ضروری است. بعد کشور و منطقه ی خود را انتخاب کنید و روی دکمه ی‘Choose and configure services’ کلیک کنید.

این مطلب را هم بخوانید  نحوه قفل گذاری محتوا در وردپرس

در صفحه ی بعد همانند شکل زیر از شما خواسته می شود سرویس گوگلی که می خواهید انتخاب و بعد به اپلیکیشن تان اضافه کنید. بعد روی دکمه ی ‘Enable Google Cloud Messaging’  کلیک کنید.

3 

شما اکنون کلید اپلیکیشن سرور و شناسه فرستنده را مشاهده کنید.

4

 شما نیاز است آیدی فرستنده را کپی کنید و در تب تنظیمات افزونه ی وردپرس زیر Google Project Number پیست کنید.همچنین نیاز است کلید اپلیکیشن سرور را کپی و آن را در یک فایل متنی در کامپیوتر پیست کنید. شما بعدا” به این کلید اپلیکیشن در این آموزش نیاز دارید.

مرحله دو: راه اندازی Push Notifications در فایرفاکس و گوگل کروم

در ابتدا نیاز است به وب سایت OneSignal  مراجعه کنید و یک اکانت رایگان برای خودتان ایجاد کنید. بعد از این که اکانت خود را ایجاد کردید روی دکمه ی ‘Add a new app’  کلیک کنید.

5 

از شما خواسته می شود تا یک نام برای اپلیکیشن خود ایجادکنید . هر نامی که خواستید می توانید بگذارید بعد روی دکمه ی  Create کلیک کنید.

6

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

next  کلیک کنید.

7

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

8

روی دکمه ی next کلیک کنید. در مرحله ی بعد از شما خواسته می شود تا فیلدهای site url, Google Server API key,…  را پر کنید.

9

اگر وب سایت شما از SSL / HTTPS پشتیبانی نمی کند نیاز است گزینه ی ‘My site is not fully HTTPS’ را تیک بزنید. شما هم چنین می توانید SSL را در وب سایت خود راه اندازی کنید اما نیازی هم نیست.

این مطلب را هم بخوانید  نحوه افزودن دسته بندی وبرچسب به کتابخانه وردپرس

گوگل کروم  push notifications را برای وب سایت های غیر SSL یا HTTP پشتبانی نمی کند.OneSignal این مشکل را با به اشتراک گذاشتن یک ساب دامین در دامنه یHTTPS  حل می کند. شما نیاز است یک ساب دامین برای اپلکیشن تان انتخاب کنید و  Google Project Number  یا آیدی فرستنده را وارد کنید.

10

در ادامه روی دکمه ی Save  کلیک کنید. حالا شما می توانید از این کادر محاوره ای خارج شوید. و روی دکمه ی  close  برای خارج شدن کلیک کنید.

مرحله 3: به دست آوردن کلیدOneSignal

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

11

در صفحه ی app settings  روی تب  Keys and IDs tab کلیک کنید.

12

شما در شکل زیر neSignal App ID و Rest API Key را مشاهده می کنید.

13

مرحله چهارم: راه اندازی Push Notifications سافاری

وارد حساب کاربری در OneSignal شوید و صفحه ی تنظیمات برنامه ی خود را ببینید. در web platforms می توانید Apple Safari را انتخاب و روی configure کلیک کنید.

15

کادر محاوره ای باز خواهد شد که شما باید دو فیلد site nameوsite url را پر کنید.

16

شما گزینه ی I’d like to upload my own notification icons را انتخاب کنید.

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

16

 روی دکمه Save کلیک کنید و پس از آن کادر را ببندید.

صفحه ی تنظیمات اپلیکیشن را رفرش کنید و به بخش Web Platforms بروید .Web ID زیر  Apple Safari قرار دارد.

17

شما نیاز دارید web ID را کپی کنید و آن را در  تب تنظیمات پلاگین OneSignal پیست کنید. شما به با موفقیت آمیز این کار را انجام دادید.

مرحله پنجم: آزمون Push Notifications  در وب سایت وردپرسی شما

بطور پیش فرض، پلاگین OneSignal یک آیکون اشتراکی به وب سایت وردپرسی اضافه می کند. وب سایت خود را در یک مرورگری که پشتیبانی می کند مشاهده کنید سپس روی دکمه ی اشتراک کلیک کنید.

این مطلب را هم بخوانید  چگونه یک وبلاگ ارسال فهرست در وردپرس ایجاد کنید؟

17

شما به طور پیش فرض پیام  ‘thank you for subscribing’ را مشاهده می کنید. حالا وارد حساب OneSignal  شوید. روی نام  اپلیکیشن و سپس روی تنظیمات اپلیکیشن کلیک کنید. در بخش web platforms بروید سپس روی دکمه ی configure فایرفاکس و گوگل کروم کلیک کنید.

20 

 در بخش  platform configuration   به سادگی فیلدها را پر کنید و روی دکمه ی Save کلیک کنید.

 21

 در صفحه ی بعد گزینه ی WordPress را انتخاب و روی Next کلیک کنید.

روی دکمه ی next کلیک کنید و شما به گام ‘Test Settings’  می رسید. سپس روی دکمه ی ‘Send Test Notification’ کلیک کنید.

13 

 One Signal اکنون یک  push notification می فرستد. ظاهر notifications بسته به مرورگری که استفاده می کنید متفاوت است وقتی 

 notification روی صفحه نمایش کامپیوترتان ظاهر می شود شما نیاز دارد روی آن کلیک کنید.

 14

این صفحه به شما نشان می دهد که  push notifications  برای وب سایت شما به طور موفقیت آمیزی راه اندازی شده است.

15

به صفحه ی تنظیمات در وب سایت  OneSignal برگردید و روی دکمه ی ‘Check Notification Status‘  کلیک کنید.

15

شما اکنون پیام موفقیت آمیز مبنی بر این کهpush notifications در وب سایت وردپرسی به طور موفقیت آمیز اضافه شده است.

چگونه Push Notifications در وردپرس فرستاده می شود؟

طبق تصویر زیر می توانید به طور دستی notifications را از داشبورد ارسال کنید. وارد حساب خود در OneSignal شوید و روی نام برنامه کلیک کنید. از منوی سمت چپ روی  ‘New Message’ کلیک کنید.

16

شما یک عنوان و محتوی برای  notification انتخاب کنید.

17

شما می توانید روی  Options, Segment,  Schedule/Send Later کلیک کنید تا push notification در وب سایت تان را سفارشی کند. برای مثال شما می توانید آن را به یک صفحه ی ویژه در وب سایت تان لینک دهید و آن را به مجموعه خاصی از کاربران تان ارسال کنید یا آن در زمان خاصی ارسال شود.

امیدواریم این مقاله برای شما مفید بوده باشد. پستای آموزشی ما را هر روز حتما” دنبال کنید.

 

توصیه میکنیم این مطالب را هم حتما بخوانید



تا کنون دیدگاهی ارسال نشده است،

1 دقیقه وقت دارید؟

با باشگاه وردپرس آشنا شوید
دیدن این ویدئو فقط یک دقیقه زمان شما را می گیرد

لطفا نام و ایمیل خود را وارد کنید

تا این آموزش ارزشمند همین الان برایتان ایمیل شود
فیلم آموزشی را همین الان برایم ایمیل کن

لطفا نام و ایمیل خود را وارد کنید

تا این آموزش ارزشمند همین الان برایتان ایمیل شود
فیلم آموزشی را همین الان برایم ایمیل کن

برای دانلود فیلم وبینار لطفا فرم زیر را تکمیل کنید

لینک دانلود بلافاصله برایتان ایمیل خواهد شد
فیلم آموزشی را همین الان برایم ایمیل کن

برای دانلود ماهنامه لطفا فرم زیر را تکمیل کنید
 
دانلود ماهنامه باشگاه وردپرس

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

دریافت فیلم آموزشی

لطفا فرم زیر را تکمیل کنید

تا دو جلسه اول این دوره همین الان برایتان ایمیل شود
ثبت و دریافت فیلم 2 جلسه