آموزش ایجاد Web Push Notifications در وردپرس با افزونه رایگان OneSignal

آموزش ایجاد Web Push Notifications در وردپرس با افزونه رایگان OneSignal

ایجاد Web Push Notifications در وردپرس

آیا متوجه شدید که اعلان های وب در وب سایت های محبوب مانند فیس بوک استفاده می شود؟ به تازگی یکی از خوانندگان ما پرسید آیا امکان ایجاد Web Push Notifications در وردپرس

وجود دارد. مطمئنا،جواب بله است. در این مقاله، ما به شما نحوه اضافه کردن اطلاع رسانی را به سایت WordPress اضافه می کنیم.

 

چرا ایجاد Web Push Notifications در وردپرس خود؟

Web Push Notifications به وب پیام های قابل کلیک در بالای دسکتاپ کاربر نمایش داده می شود گفته می شود .

آنها حتی وقتی مرورگر خود را باز میکنن میتوانند مشاهده کنند.

 

ایجاد Web Push Notifications در وردپرس

 

سایت های محبوب از جمله فیس بوک، Pinterest، LinkedIn و بسیاری دیگر از آنها از طریق Web Push Notifications استفاده می کنند.

 

این نشان می دهد که جذاب تر از اس ام اس، بازاریابی ایمیل و سایر رسانه های اجتماعی است.

 

 

 

بر اساس یک نظرسنجی، Web Push Notifications نرخ باز ۵۰٪ در دستگاه های تلفن همراه است.

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

پس از این گفتگو، بیایید نگاهی به چگونگی اضافه کردن Web Push Notifications به یک سایت وردپرس بپردازیم.

 

 

راه اندازی اعلان های OneSignal در وب در WordPress با OneSignal

OneSignal یک سرویس رایگان است که به شما اجازه می دهد تا Web Push Notifications را به هر برنامه وب، وب و یا تلفن همراه اضافه کنید.

اولین چیزی که باید انجام دهید این است که پلاگین OneSignal را نصب و فعال کنید.

 

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

 

 

ایجاد Web Push Notifications در وردپرس

 

صفحه تنظیمات به زبانه تنظیم و پیکربندی تقسیم می شود.

برگه تنظیمات در واقع مستندات دقیق در مورد چگونگی راه اندازی Web Push Notifications/ OneSignal در وردپرس است.

این همان مراحل است که ما در این آموزش نشان می دهیم.

برای راه اندازی OneSignal، شما نیاز به اضافه کردن کلید های API مختلف و برنامه های کاربردی در تنظیمات افزونه داردید.

 

بیاید شروع کنیم آموزش ایجاد Web Push Notifications در وردپرس

 

مرحله ۱: ایجاد کلید های Google

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

ایجاد Web Push Notifications در وردپرس

 

به سادگی یک نام برای برنامه خود ارائه کنید و نام بسته اندروید را اضافه کنید.

OneSignal از نام بسته  اندروید استفاده نمی کند، اما یک فیلد ضروری است.

بعد، کشور و منطقه خود را انتخاب کنید، سپس بر روی دکمه “Choose and configure services” کلیک کنید.

این شما را به صفحه بعدی می برد که از شما خواسته می شود سرویس های Google را که می خواهید

با برنامه خود استفاده کنید را انتخاب کنید. شما باید بر روی دکمه «فعال کردن Google Cloud Messaging» کلیک کنید.

 

بروز رسانی افزونه وردپرس به صورت دستی از طریق FTP
از دست ندهید !

 

ایجاد Web Push Notifications در وردپرس

 

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

 

ایجاد Web Push Notifications در وردپرس

 

 

شما باید کدی از فرستنده خود دریافت کردید را کپی کنید و آن را در قسمت پیکربندی افزونه وردپرس در قسمت Google Project Number قرار دهید.

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

مرحله ۲: راه اندازی اعلان های OneSignal و فایرفاکس Chrome

اکنون ما اطلاعیه ها در Chrome و Firefox تنظیم خواهیم کرد. ابتدا شما باید از وب سایت OneSignal بازدید کنید و حساب رایگان خود را ایجاد کنید.

هنگامی که حساب خود را ایجاد کرده اید ، باید وارد شوید و بر روی دکمه “Add a new app” کلیک کنید.

ایجاد Web Push Notifications در وردپرس

 

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

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

ایجاد Web Push Notifications در وردپرس

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

شما باید “Website Push” را انتخاب کرده و سپس روی دکمه بعدی برای ادامه کلیک کنید.

 

ایجاد Web Push Notifications در وردپرس

تا اینجا نصف آموزش را پشت سر گذاشتیم

 

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

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

ایجاد Web Push Notifications در وردپرس

روی ادامه دکمه بعدی کلیک کنید.

در مرحله بعد از شما خواسته خواهد شد تا URL سایت خود وردپرس، کلید Google API سرور و URL را برای تصویر آیکون اطلاع رسانی پیش فرض خود وارد کنید.

ایجاد Web Push Notifications در وردپرس

 

اگر وبسایت شما SSL / HTTPS را پشتیبانی نمی کند ، پس باید کادر کنار «My site is not fully HTTPS» را علامت بزنید.

اگر دوست دارید، می توانید SSL را در وب سایت خود نیز تنظیم کنید ، اما لازم نیست.

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

بررسی «My site is not fully HTTPS» گزینه گزینه های HTTP را نشان میدهد.

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

 

ایجاد Web Push Notifications در وردپرس

 

برای ادامه کلیک کنید روی دکمه ذخیره کلیک کنید.

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

شما با اطلاعیه ای مطرح می کنید که نصب شما هنوز کامل نشده است و بعدا می توانید آن را دوباره ادامه دهید. روی بله برای بستن کادر محاوره ای کلیک کنید.

 

آموزش حذف تاریخ و زمان از نظرات در وردپرس
از دست ندهید !

 

مرحله ۳: گرفتن OneSignal Keys

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

ایجاد Web Push Notifications در وردپرس

 

این شما را به صفحه تنظیمات برنامه خود می برد.

شما باید روی برگه Keys and IDs کلیک کنید.

 

ایجاد Web Push Notifications در وردپرس

این نشان می دهد که OneSignal App ID و Rest Key API شما است.

ایجاد Web Push Notifications در وردپرس

 

 

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

مرحله ۴: راه اندازی اعلان های وب OneSignal سافاری

به خاطر داشته باشید ما تنظیمات اطلاع رسانی وب Safari را پر کردیم. در حال حاضر ما به شما نشان خواهیم داد که چگونه تنظیمات اعلان ها وب سافاری را تنظیم کنید.

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

 

 

ایجاد Web Push Notifications در وردپرس

 

این یک کادر محاوره ای است که از شما خواسته می شود نام و سایت سایت خود را وارد کنید.

 

ایجاد Web Push Notifications در وردپرس

سپس شما باید کادر کنار ‘I’d like to upload my own notification icons’” را علامت بزنید.

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

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

 

ایجاد Web Push Notifications در وردپرس

 

روی دکمه ذخیره کلیک کنید و سپس کادر محاوره ای را ببندید.

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

 

ایجاد Web Push Notifications در وردپرس

 

شما باید این شناسه وب را کپی کنید و آن را در نوار پیکربندی Plugin OneSignal در سایت خود قرار دهید.

شما با موفقیت OneSignal  را راه اندازی کردید .

 

مرحله ۵: تست اعلان وب سایت در سایت وردپرس شما

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

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

ایجاد Web Push Notifications در وردپرس

 

شما به طور پیش فرض “تشکر از شما برای اشتراک” پیام را ببینید.

 

امید واریم از مقاله ایجاد Web Push Notifications در وردپرس لذت برده باشید .

دانلود افزونه ایجاد Web Push Notifications در وردپرس

 

لینک دانلود افزونه

مدیر سایت بیست تم ، مترجم مقاله‌های آموزشی ، قالب و افزونه وردپرس و خدمات پشتیبانی سایت

عضویت

مقاله های مرتبط :

مشاهده همه محصولات

دیدگاه خود را بیان کنید :

نشانی ایمیل شما منتشر نخواهد شد.