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

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

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

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

onesignal نام این سرویس آنلاین در زمینه ارسال هشدار در وردپرس می‌باشد که با عضویت در این سایت و ساخت یک App قادرید تا از طریق مرورگر برای کاربران و بازدیدکنندگانی که در لیست دریافت هشدار در وردپرس عضو شده‌اند اقدام به ارسال notification در وردپرس کنید. برای این منظور ابتدا به آدرس https://onesignal.com مراجعه کنید و سپس مشابه تصویر زیر روی دکمه Log In که در بالای سایت و در گوشه سمت راست قرار داره کلیک کنید تا در سایت ثبت نام کرده و یک اکانت ایجاد کنید.

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

حالا بعد از اینکه در سایت ثبت نام کردید و وارد حساب کاربری خودتون شدید در بخش پس زمینه سایت روی باکس Add New App کلیک کنید تا مشابه تصویر بالا پنجره افزودن اپ جدید براتون باز بشه و اطلاعات سایت خودتون را در این اپ برای ارسال هشدار در وردپرس وارد کنید. همونطور که در تصویر میبینید ابتدا یک نام برای اپ خودتون انتخاب کنید و سپس روی دکمه Create کلیک کنید. بعد از کلیک منتظر بمونید تا برنامه شما ایجاد شده و سپس مشابه تصویر زیر در برنامه ایجاد شده به منوی App Settings مراجعه کنید. این سایت امکانات دیگه‌ای هم علاوه بر اساس هشدار در وردپرس در اختیار شما قرار میده، بنابراین از اونجایی که قصد ارسال هشدار در مرورگر وردپرس را داریم روی دکمه configure که در باکس Web Push Platforms قرار داره کلیک کنید.

بعد از کلیک روی دکمه configure وارد صفحه‌ای مشابه تصویر زیر خواهید شد که در این مرحله از اونجایی که ما از سیستم مدیریت محتوای وردپرس استفاده می‌کنیم گزینه Website Builder را انتخاب کرده و سپس از بین لیست سیستم‌های مدیریت محتوایی که وجود داره وردپرس را انتخاب کنید.

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

Site Name: در این فیلد نام سایت خودتون را وارد کنید.

Site URL: در این فیلد آدرس کامل سایت خودتون را به همراه http:// وارد کنید. در صورتی که اقدام به نصب SSL در وردپرس کردید و امکان استفاده از ssl در کلیه صفحات وردپرس شما فراهم هست حتما دقت کنید که آدرس خودتون را با https:// وارد کرده باشید.

Default Icon URL: در این فیلد هم آدرس آیکون برای نمایش در پیغام هشدار وردپرس را در اندازه ۱۹۲*۱۹۲ پیکسل وارد کنید.

در صورتی که از ssl در تمامی صفحات سایت وردپرسی خودتون استفاده می‌کنید نیازی به فعال کردن My site is not fully HTTPS ندارید، اما اگر سایت شما دارای ssl نیست این گزینه را فعال کرده و سپس مشابه تصویر عنوانی برای ساب دامنه انتخاب کنید تا اعلاناتی که در وردپرس ارسال میشه از طریق آدرسی که در سایت signal با دامنه os.tc قرار داره از طریق این ساب دامنه انتخابی برای کاربران شما ارسال بشه. در نهایت روی دکمه Save که در انتهای صفحه قرار داره کلیک کنید.

حالا همونطور که در تصویر مشاهده می‌کنید یک APP ID و یک API KEY مختص سایت ما ایجاد شده که برای ارسال هشدار در وردپرس باید ازشون استفاده کنیم، بعد از کپی کردن این دو کد در انتهای صفحه روی Finish کلیک کنید. برای استفاده از ارسال هشدار در وردپرس میتونید تا این دو کد را استفاده کنید و یا اینکه از افزونه رسمی این سایت که در مخزن وردپرس قرار داره استفاده کنید. اگر تمایلی به استفاده از افزونه ندارید کافیه تا کد زیر را در مکان مناسبی از فایل header.php قالب خودتون قرار بدین. برای این منظور وارد هاست خودتون شده و سپس به مسیر /public_html/wp-content/themes/ مراجعه کرده و وارد پوشه قالبی که از اون در سایت خودتون استفاده می‌کنید شوید و به دنبال فایلی با نام header.php بگردید. سپس کد زیر را قبل از تگ بسته قرار دهید.

حالا همونطور که در این قطعه کد میبینید در خط پنجم به جای YOUR_APP_ID کدی که با عنوان APP ID از این سایت دریافت کردید را وارد کنید و در خط هفتم نیز به جای SUBDOMAIN_NAME آدرس ساب دامنه انتخابی در وبسایت onesignal را وارد کرده و فایل مورد نظر را ذخیره کنید.

افزونه نوتیفیکیشن وردپرس

اما اگر تمایلی به استفاده از کد ندارید میتونید تا از افزونه استفاده کرده و در این زمینه حرفه‌ای تر عمل کنید. افزونه‌ای که برای ارسال هشدار در وردپرس قصد معرفی اونو دارم متعلق به همین سایت است که با عنوان OneSignal – Free Web Push Notifications در مخزن وردپرس به ثبت رسیده و تاکنون تونسته تا بیش از ۵۰٫۰۰۰ نصب فعال و کسب امتیاز ۴٫۶ را ازآن خودش بکنه که با استفاده از اون میتونید تا نسبت به ارسال هشدار در وردپرس اقدام کنید. برای استفاده از این افزونه ابتدا روی دکمه زیر کلیک کنید تا به صفحه افزونه در مخزن وردپرس هدایت شده و سپس با استفاده از آموزش نحوه نصب و کار کردن با افزونه ها در وردپرس اقدام به نصب و فعال سازی افزونه در سایت خودتون بکنید.

دانلود افزونه OneSignal – Free Web Push Notifications

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

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

برای ارسال هشدار هم میتونید تا با مراجعه به اکانت خودتون در سایت onesignal از قسمت New Massage اقدام کنید و مراحل را به ترتیب پیش رفته و یک اعلان در سایت خودتون ارسال کنید. بعد از مراجعه به این منو ابتدا از بخش Audience مخاطبین خودتون را انتخاب کنید. مخاطبین میتونن شامل همه افراد، افراد خاص و یا در حالت تست باشند، سپس روی دکمه next کلیک کنید.

بعد از این مرحله میتونید تا تنظیمات دلخواه خودتون را برای هر مرورگر وارد کنید. به عنوان نمونه میتونید تا از آیکون‌های دلخواه برای هر مرورگر گوگل کروم و یا فایرفاکس استفاده کنید. با استفاده از Launch URL هم میتونید کاری کنید تا با کلیک روی نوار اعلان کاربران به صفحه‌ای که تعیین کردید هدایت شوند. Time to Live هم این امکان را به شما میده تا تعداد روزهایی که هر اعلان برای هر آی‌پی منقضی شده و از نو نشون داده بشه را مشخص کنید.

در نهایت تنظیمات مربوط به ارسال هشدار را مشخص کرده و روی دکمه CONFIRM کلیک کنید تا بر اساس این زمانبندی که برای کاربران تعیین کردید اعلانات در مرورگر برای بازدیدکنندگان سایت ارسال شود.