Pada kesempatan ini saya akan memberikan tips bagi kamu yang ingin di website-nya muncul notifikasi postingan terbaru saat pertama kali pengunjung membuka browser. Tujuan dibuatnya notifikasi ini ialah untuk meningkatkan traffic pengunjung website, ketika pengunjung mengakses website kamu, nantinya di browser akan muncul notifikasi postingan terbaru secara otomatis, jika pengunjung melakukan subscribe notifikasi kamu.
Seperti pada website ardiyansyah.com saya ini. Muncul popup yang menawarkan pengunjung website untuk diberikan notifikasi update jika ada artikel terbaru.
Nanti ketika ada artikel baru yang dipublish maka akan muncul di dekstop kamu seperti ini.
Di smartphone pun muncul notifikasi dengan tampilannya akan seperti ini.
Keren kan!
Caranya cukup mudah, kita membutuhkan notifikasi dari OneSignal dan dua plugin wordpress yang juga akan saya sertakan link download-nya pada tutorial ini.
Oke langsung saja ini dia caranya.
- Daftarkan akun OneSignal.com disini, pilih Get Started dibagian WebPush
- Setelah selesai didaftarkan, Buat aplikasi notifikasi kamu dengan klik Add new app
- Buat nama aplikasinya, misalnya nama website kamu, contoh ardiyansyah.com
- Pilih Website Push, lalu klik Next
- Pilih Google Chrome & Chrome, lalu klik Next
- Isikan URL website kamu, dan logo noifikasinya jika ada (jika tidak ada kosongkan saja)
- Buat subdomain onesignal sesuai yang kamu inginkan, subdomian ini harus unik jika orang lain sudah membuatnya kamu harus membuatnya berbeda dari yang sudah ada, pada contoh ini nama subdomain onesignal saya adalah https://ardiyansyah.onesignal.com, jika sudah klik Save
- Selanjutnya pilih WordPress, karena kita akan menggunakannya untuk website wordpress, lalu klik Next
- Maka akan muncul Rest API Key dan AppID yang bisa kamu gunakan nanti untuk dimasukkan di pengaturan plugin Website Push OneSignal. Biarkan dulu saja sementara jangan di close dulu jendela ini, skip ke step berikutnya.
- Install dan aktifkan plugin wordpress berikut ini :
– OneSignal – Free Web Push Notifications
– onesignal-addon.zip - Masuk ke pengaturan OneSignal Push di dashboard wordpress kamu
- Isikan App ID, REST API Key dan OneSignal Subdomain yang tadi kamu buat
- Dibagian Sent Notification Settings isikan sesuai gambar dibawah ini, untuk Notification Title isi dengan nama domain website kamu atau nama website kamu.
- Dibagian Prompt Settings & Notify Button, ikuti pilihannya seperti gambar dibawah ini
- Lalu ke bagian Popup Settings, pengaturan ini akan menampilkan popup notifikasi tulisan yang akan muncul saat website pertama kali diakses, silahkan kamu atur sendiri sesuai yang kamu inginkan, contohnya pada webiste ardiyansyah.com akan ditampilkan pesan notifikasi seperti dibawah ini
- Dibagian Automatic Notification Settings, aktifkan opsi berikut supaya saat kamu posting artikel baru, otomatis akan mengirimkan push notifikasi ke browser pengunjung kamu yang telah melakukan subscribe sebelumnya
- Klik Save
- Selesai sudah, saat kamu posting artikel baru, dipojok kanan atas akan ada opsi OneSignal Push Notification yang akan mengirimkan notifikasi saat artikel di Publish.
Semoga bermanfaat, silahkan di share ke teman-teman kamu, jika di copas cantumkan sumber webiste ardiyansyah.com. Terima kasih 🙂
