Cara Membuat Push Notifikasi di Blog

Sekarang ini tidak hanya youtube saja yang bisa push subscribe, karena di blog maupun website anda bisa juga memasang push notifikasi subscribe, yang sudah umum kita temui di blog maupun website, terutama untuk website berita, toko online, dan website tutorial, website besar lainnya. Cara membuat push notifikasi di blog wordpress, blogspot, joomla, maupun cms lainnya kini juga bisa anda lakukan dengan mudah dan gratis.

Untuk membuat push notifikasi di wordpress, bisa menggunakan OneSignal Push, yang tersedia secara gratis sehingga anda tidak perlu membayar bulanan untuk bisa menikmati fitur ini. Meskipun ada aplikasi push notifikasi lain, namun disini saya menggunakan OneSignal Push untuk bisa menggunakan fitur push notifikasi subscribe.

Cara Membuat Push Notifikasi di Blog

Berikut ini adalah step by step untuk cara membuat push notifikasi di blog wordpress, blogspot, joomla, maupun cms lainnya. Pada dasarnya ada 2 langkah utama yang bisa anda lakukan, yang diantaranya sebagai berikut :

Registrasi dan Setting OneSignal

• Silahkan buka browser anda, dan kunjungi laman onesignal.com
• Kemudian silahkan registrasi akun dengan memilih tombol Sign Up, serta isikan email dan password anda.
• Maka di email yang anda gunakan registrasi akan ada email masuk ke inbox, untuk konfirmasi pendaftaran klik link yang dikirimkan melalui email.
• Setelah konfirmasi pendaftaran, silahkan masuk dengan email dan password yang anda gunakan ketika mendaftar tadi.
• Jika sudah berhasil masuk di onesignal, kemudian klik ADD APP, seperti ini

• Pada bagian APP Name, silahkan isikan nama APP yang ingin anda buat, lalu klik ADD APP
• Karena dalam kasus kali ini, karena anda ingin membuat web push notifications, maka pilih menu Web Push dan klik Next

• Pada bagian Choose Integration, ada 3 pilihan utama, dan karena anda menggunakan wordpress, blogger, magento, joomla, maupun cms lainnya. Maka baiknya untuk mempermudah caranya saya sarankan menggunakan pilihan WordPress Plugin or Website Builder, lalu jika anda pengguna wordpress klik menu WordPress, seperti gambar dibawah

• Pada bagian Site Name, isikan nama situs anda. Serta pada Site URL isikan alamat URL dari website / blog anda. Lalu klik Save

• Maka akan muncul tampilan APP ID dan ID KEY, nah APP ID dan ID KEY inilah yang bisa anda copy pada plugin OneSignal.

• Finish.
• Sampai disini maka push notifikasi website akan tampil pada browser chrome, mozilla, akan tetapi tidak tampil pada browser apple safari, nah supaya push notifikasi tampil juga di browser apple safari, maka silahkan aktifkan, dengan memilih Edit pada bagian Apple Safari seperti ini.

• Kemudian silahkan isikan site name dan site url website/blog anda, lalu klik Save

• Untuk mendapatkan Web ID browser apple safari, klik edit (tanda bolpoin) lalu silahkan copykan kode Web ID kedalam plugin OneSignal, untuk lebih jelasnya silahkan lihat gambar dibawah.

• Selesai.

Artikel Menarik Lainnya : Cara Membuat Daftar Isi di Artikel WordPress Secara Otomatis

Install dan Setting Plugin OneSignal di Blog WordPress

• Masuk ke dasboard wordpress anda
• Klik menu Plugin, lalu pilih Tambah Baru
• Pada bagian isian form yang ada disebelah kata kunci, ketikkan onesignal
• Pada bagian plugin OneSignal yang ada, klik Install Now (Pasang Sekarang) dan tunggu beberapa saat hingga proses instalasi selesai.

• Jika sudah proses instalasi selesai, klik Aktifkan
• Selanjutnya pada OneSignal Push Configuration, copykan App ID dan REST API Key serta Safari Web ID yang tadi di dapat ketika proses setting akun OneSignal.

• Pada OneSignal Configuration ini, anda bisa mengatur konfigurasi push notifikasi sesuai selera. Jika seperti tampilan push notifikasi di ilmuonline maka settingannya seperti ini

• Save, sekarang lihat hasilnya, jika prosesnya benar maka sekarang website anda sudah terpasang push notifikasi subscribe.

Demikian cara membuat push notifikasi di blog wordpress, dengan menginstall plugin ini sekarang website /blog anda sudah ada push notifikasi subscribe yang sekarang umum ada di blog maupun website.