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

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

thumb24-push-notification

سلام دوستان

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

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

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

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

 

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

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

 

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

next  کلیک کنید.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 



باسلام. بنده کارشناسی ارشد تجارت الکترونیک هستم خوشحالم در کنار تیم باشگاه وردپرس آماده خدمت رسانی به شما وبمستران عزیز می باشم.
Add Comment Register



پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

ورود اعضای سایت

ماهنامه باشگاه وردپرس

دانلود رایگان

ما را دنبال کنید

نمادها

اینستاگرام



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

فیلم آموزشی را همین الان برایم ایمیل کن
چند ثانیه تا دانلود فاصله دارید!
کافی است آدرس ایمیلتان را وارد کنید
ما هم مثل شما از ایمیل های مزاحم متنفریم
چند ثانیه تا دانلود فاصله دارید!
کافی است آدرس ایمیلتان را وارد کنید
ما هم مثل شما از ایمیل های مزاحم متنفریم
چند ثانیه تا دانلود فاصله دارید!
کافی است آدرس ایمیلتان را وارد کنید
ما هم مثل شما از ایمیل های مزاحم متنفریم
دانلود این فیلم آموزشی با کیفیت اصلی
کافی است آدرس ایمیلتان را وارد کنید
ما هم مثل شما از ایمیل های مزاحم متنفریم
دانلود اولین ماهنامه تخصصی وردپرس
کافی است آدرس ایمیلتان را وارد کنید
ما هم مثل شما از ایمیل های مزاحم متنفریم