امروز : جمعه ۱۳ تیر ۱۳۹۹ شما در سایت وبیت هستید.
دسته ها
سبد خرید شما

محصولی موجود نمی باشد!

امام حسین(ع) : بخشنده‌ترین مردم کسی است که به آنکه چشم امید به او نبسته ، بخشش ‌کند.
برای استعلام یا ارسال سفارش اینجا کلیک کنید.
فونت جوپی ام آپلود

onesignal آموزش افزودن نوتیفیکیشن توسط OneSignal

آموزش افزودن نوتیفیکیشن

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

نوتیفیکیشن چیست؟

پیام های قابل کلیکی می باشد که در صفحه دسکتاپ کاربر به نمایش در می آیند حتی زمانی که مرورگر باز نباشد.
در حال حاضر سایت های بزرگی مثل فیسبوک ، پینترست ، لینکدین و… از قابلیت نوتیفیکیشن استفاده می کنند.
نوتیفیکیشن بیشتر از sms و ایمیل و شبکه اجتماعی کاربران رو درگیر خود میکند.
طبق تحقیق انجام شده امکان کلیک روی نوتیفیکیشن در کاربران موبایل ۵۰% می باشد.

چگونه این قابلیت را به سایت خود اضافه کنیم؟

همیشه یک یا چندین سایت در زمینه های مختلفی باز می شوند  که سایت OneSignal برای زمینه کاری ماست.
OneSignal یک سرویس رایگان که به شما اجازه میده نوتیفیکیشن رو به سایت خود اضافه کنید.

راهنمای اضافه کردن نوتیفیکیشن :

ابتدا وارد سایت onesignal.com شوید و اکانت کاربری خود را ایجاد کنید.
در صفحه باز شده روی Web Push کلیک کنید تا صفحه ثبت نام باز شود.

onesignal1 آموزش افزودن نوتیفیکیشن توسط OneSignal

برای تایید و فعال سازی اکانت کاربری خود وارد اکانت ایمیل خود شود.
خوب برای فعال سازی اکانت کاربری خود یک ایمیل تایید از سوی این سایت برای شما ارسال شده است.
این ایمیل را باز کرده و روی Click here to confirm your account. کلیک کنید تا اکانت شما تایید و فعال شود.

onesignal2 آموزش افزودن نوتیفیکیشن توسط OneSignal

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

onesignal3 آموزش افزودن نوتیفیکیشن توسط OneSignal

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

onesignal4 آموزش افزودن نوتیفیکیشن توسط OneSignal

در این مرحله نیز باید گزینه Google Chrome & Mozilla Firefox را انتخاب کنید.
تا اطلاعیه در مرورگر های ذکر شده نمایش داده شود.

onesignal5 آموزش افزودن نوتیفیکیشن توسط OneSignal

در این مرحله باید ادرس سایت خود و همچنین لوگو سایت رو انتخاب و وارد کنید و گزینه Save رو بزنید.
دقت کنید که اگر سایت شما از https پشتیبانی می کند باید تیک گزینه My site is not fully HTTPS رو زده و تنظیمات رو اعمال کنید.

onesignal6 آموزش افزودن نوتیفیکیشن توسط OneSignal

در این مرحله باید دقت کنید.
اگر از وردپرس استفاده می کنید گزینه وردپرس را وارد کنید و کد Your App ID را دریافت کرده و در تنظیمات افزونه OneSignal – Free Web Push Notifications وارد کنید تا نوتیفیکیشن برای شما نمایش داده شود.
یا اگر می خواهید بصورت دستی در قالب و سایت خود نمایش دهید گزینه Website Push را بزنید.
سپس کد Your App ID را کپی کنید و بصورت آموزش زیر عکس عمل کنید.

onesignal7 آموزش افزودن نوتیفیکیشن توسط OneSignal

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

<head>
  <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async='async'></script>
  <script>
    var OneSignal = window.OneSignal || [];
    OneSignal.push(["init", {
      appId: "YOUR_APP_ID",
      autoRegister: false, /* Set to true to automatically prompt visitors */
      subdomainName: 'SUBDOMAIN_NAME',   
      httpPermissionRequest: {
        enable: true
      },
      notifyButton: {
          enable: true /* Set to false to hide */
      }
    }]);
  </script>
</head>

خوب به جای YOUR_APP_ID آی دی دریافتی را کپی کنید.
همچنین به جای SUBDOMAIN_NAME نام نوتیفیکیشن خود را وارد کنید.
نام نوتیفیکیشن همین نامی است که در ابتدا وارد کردید.
خوب حال نوتیفیکیشن به سایت شما اضافه شد و شما میتوانید اطلاعیه های خود را ارسال کنید.
برای ارسال هم از سایت چپ روی All Apps کلیک کنید تا اپ های شما نمایان شود.

onesignal8 آموزش افزودن نوتیفیکیشن توسط OneSignal

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

onesignal9 آموزش افزودن نوتیفیکیشن توسط OneSignal

روی New push notification کلیک کنید تا صفحه ارسال برایتان باز شود.
عنوان و متن را بنویسید و دکمه Preview بزنید پس از پیشنمایش اطلاعیه دکمه Send را بزنید تا اطلاعیه ارسال شود.

onesignal10 آموزش افزودن نوتیفیکیشن توسط OneSignal

موفق و پیروز باشید.

هاست و دامین ندارید!؟ هم اکنون سفارش دهید.

نکته : کپی بردای و انتشار مطالب وبیت با ذکر منبع بلامانع می باشد.

توجه : لطفا مشکلات خود را در انجمن های وبیت مطرح کنيد.

منبع : وبیت

آیا مطلب موثر و مفید بود؟ حالا امتیاز خود ثبت کنید.
بازدید : 780 بار دسته بندی : آموزش ، آموزش وبمستر ، آموزش وردپرس ، اخبار ، معرفی سایت دیدگاه : 18 تاريخ : 18 آذر 1395
به اشتراک بگذارید :
فیسبوک گوگل تویتر کلوب فیسنما
Avatar

من محمد پورداداش متولد سال ۱۳۶۷ در خدمت شما هستم. طراحی گرافیک و وب مهترین مسئولیت من بوده و است. سعی خواهم کرد بهتر از همیشه در خدمت شما باشم. خوب بودن به حرف نیست به رفتار نیک و عمل پسندیده است.

دیدگاه کاربران تعداد دیدگاه : 18

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

Avatar
جلالکاربر سایت
پاسخ
دوشنبه , 18 بهمن 1395

سلام . نحوه استفاده توی اپ های اندروید رو هم قرار بدین

Avatar
محمد پورداداشمدیر سایت
پاسخ
دوشنبه , 18 بهمن 1395

با سلام
درصورت درخواست بیشتر حتما اضافه خواهد شد
موفق باشید.

Avatar
مرتضیکاربر سایت
پاسخ
سه شنبه , 7 دی 1395

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

Avatar
محمد پورداداشمدیر سایت
پاسخ
سه شنبه , 7 دی 1395

با سلام
موفق باشید

Avatar
احمدیکاربر سایت
پاسخ
چهارشنبه , 24 آذر 1395

با سلام مجدد
ببخشید امکانش هست بگید این پیغام عضویت رو با چه افزونه ای نشون میدید؟
اشتراک برای اطلاعیه های مهم
و اینکه آموزشی در این مورد تو سایت هست؟ خیلی ممنون

Avatar
محمد پورداداشمدیر سایت
پاسخ
چهارشنبه , 24 آذر 1395

با سلام
لینک زیر رو مطالعه کنید.
https://vebeet.com/post/5407/

Avatar
احمدیکاربر سایت
پاسخ
پنجشنبه , 25 آذر 1395

ممنون
من اقدام به ثبت نام کردم ولی ایمیل تاییده نمیاد هم جیمیل رو تست کردم هم یاهو، لطفا یه بررسی کنید

Avatar
محمد پورداداشمدیر سایت
پاسخ
پنجشنبه , 25 آذر 1395

با سلام
من مدیر این سایت نیستم که بررسیش کنم 😀 فقط معرفی شده
لطفا با پشتیبانی همین سایت در تماس باشید البته باید انگلیسی بلد باشید.
یاعلی

Avatar
احمدیکاربر سایت
پاسخ
سه شنبه , 23 آذر 1395

من هم آیدی رو وارد کردم و هم اسم رو ولی تایید نمی کنه! لوگو برنامه هم به سایت اضافه شده ولی تو سایت خودش تایید نهایی نمیشه!

var OneSignal = window.OneSignal || [];
OneSignal.push([“init”, {
appId: “e16e5406-4b91-4a3e-8138-8b36795a1294”,
autoRegister: false, /* Set to true to automatically prompt visitors */
subdomainName: ‘Jalebast’,
httpPermissionRequest: {
enable: true
},
notifyButton: {
enable: true /* Set to false to hide */
}
}]);

Avatar
محمد پورداداشمدیر سایت
پاسخ
سه شنبه , 23 آذر 1395

با سلام
دوست عزیز حتما مشکلی در اجرا داشته اید این آموزش رو من چندین بار اجرا کردم و مشکلی نبوده لطفا دوباره بررسی کنید.
این آموزش رو چندین سایت ایجاد کرده اند بدون هیچ مشکی مثل سایت زیر:
http://movie98.com

Avatar
احمدیکاربر سایت
پاسخ
دوشنبه , 22 آذر 1395

سلام خسته نباشید
ممنون بابت آموزش
من طبق آموزش کد رو توی سایتم قرار دادم و اینکه آی دی و اسم رو هم وارد کردم ولی هر کاری می کنم ارور زیر رو میده و تایید نهایی رو نمیده، ممنون میشم راهنمایی کنید
We haven’t detected any subscribed users yet for this platform. Try some of the tips below, or contact us for support.
Open the Developer Tools Console (Right Click on page -> Inspect -> click the Console tab)
Check for OneSignal error messages on the Developers Tools Console
Verify that the OneSignal App ID is correct in your app or site.
e16e5406-4b91-4a3e-8138-8b36795a1294

Avatar
محمد پورداداشمدیر سایت
پاسخ
دوشنبه , 22 آذر 1395

با سلام
این مشکل میگه که یا شما کد رو نگذاشتی یا اگه گذاشتی آی دی یا نام رو وارد نکردی

خوب به جای YOUR_APP_ID آی دی دریافتی را کپی کنید.
همچنین به جای SUBDOMAIN_NAME نام نوتیفیکیشن خود را وارد کنید.

Avatar
Kiavashکاربر سایت
پاسخ
پنجشنبه , 18 آذر 1395

سلام

چطوری مشکل طرح ثبت نام کاربر ها و تغییر داد ؟ بنده انجام دادم یک دکمه اضافه کرد ولی میخوام مدل ها دیگه ای و قرار بدم !

Avatar
محمد پورداداشمدیر سایت
پاسخ
جمعه , 19 آذر 1395

با سلام
از افزونه USER PRO استفاده کنید.

Avatar
بهزاد علویکاربر سایت
پاسخ
شنبه , 9 بهمن 1395

سلام
چطور میتونم متن پاپ آپ رو راست چین کنم یا فونتش رو عوض کنم؟ تو فایل هاش نتونستم درست کنم . اگه راهنمایی کنین ممنون میشم

Avatar
محمد پورداداشمدیر سایت
پاسخ
یکشنبه , 10 بهمن 1395

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

Avatar
جهانکاربر سایت
پاسخ
چهارشنبه , 6 اردیبهشت 1396

سلام
لطفا بعد از بررسی حتما در یک مقاله یا در ادامه همین آموزش اضافه کنید که چطوری میشه فونتش رو تغییر داد، سایت هایی مثل سافت ۹۸ و.. این کار رو انجام دادن

Avatar
محمد پورداداشمدیر سایت
چهارشنبه , 6 اردیبهشت 1396

با سلام
حتما انجام میشه
موفق باشید