Cara Membuat Push Notification Di Blogger Melalui OneSignal

Ketika Anda mengunjungi sebuah situs atau Blog memakai Web Browser Chrome baik melalui smartphone ataupun melalui laptop, tentunya Anda sering kali melihat ada pemberitahuan untuk menyalakan notifikasi, itu biasa disebut dengan Push Notifications.

Sebagai contohnya di Blog Santai ini, saat pertama kali membuka dengan browser Chrome atau FireFox, kita akan melihat ada pop-up kecil yg muncul untuk meminta kita menyalakan notifikasi atau tidak.
Klik untuk memperbesar
Trik Push Notifikasi ini banyak digunakan para bloggers untuk dijadikan strategi agar bisa menaikan angka pengunjung di Blog mereka dengan mengajak pengunjung untuk menerima notifikasi saat ada postingan baru, dan bisa menerima pesan atau pemberitahuan singkat kepada para pengunjung yang telah menyalakan notifikasi.

Karena itu, Push Notifikasi ini sangat penting sekali untuk kita, dan juga bisa memberikan keuntungan bagi para penulis / pembuat blog dan juga bagi pengunjung yang ingin berlangganan berita atau artikel terbaru dari Blog.

Jika kamu berniat memasangnya diblog kamu, caranya cukup mudah saja, kali ini saya akan memberikan beberapa tutorial cara membuat atau menginstal Push Notifications di Blog secara Gratis / Free. langsung saja simak langkah - langkahnya dibawah ini.

Berikut Cara Membuat Push Notifikasi di Blogger Melalui OneSignal Terbaru dan Gratis

Langkah Pertama:

Untuk langkah pertama ini langsung saja kita menuju ke SignalOne klik disini
Klik disudut kiri paling bawah untuk membuat akun/sign up. Anda bisa memilih membuat akun memakai Google atau Facebook dan juga Github atau dengan mengisi form yang ada dibawahnya.
pilih google atau Facebook agar lebih cepat membuat akun dan tanpa konfirmasi email.

Langkah Kedua:

Setelah membuat akun, Anda akan langsung berada dihalaman untuk membuat aplikasi, klik kotak yang ada tanda + yang bertuliskan Add a New App untuk membuat aplikasi.
Selanjutnya, tuliskan Nama dan klik Create.

Langkah Ketiga:

Setelah itu akan muncul Popup untuk memilih App, Scroll kebawah dan pilih Web Push dan klik Next.
Anda akan masuk ke halaman Konfigurasi untuk Web Push Notifications, di bagian Choose Integration pilih Website Builder agar lebih mudah menginstal untuk Blogger dan Wordpress. Selanjutnya pilih yang di inginkan Blogger atau Wordpress, dan di tutorial ini saya memilih Blogger.




Langkah Keempat:

Bagian Blogger Site Setup,silahkan isikan Nama Blog dan URL Blog dan juga Logo dari Blog kamu.

Selanjutnya dibagian Permission Prompt Setup klik Add a Prompt dibagian ini adalah untuk memilih warna dan ukuran dari Icon yang akan muncul nanti di blog kamu. Disini ada 3 pilihan jenis notifikasi yang nantinya muncul, 3 jenis tersebut adalah Slide Prompt (contoh seperti di Blog Santai ini), Subscription Bell (Notifikasi yang muncul di blog Anda menyerupai bentuk lonceng), dan Custom Link (bentuk notifikasi bisa Anda sesuaikan selera Anda).
Silahkan sesuaikan saja dengan selera Anda, untuk perview nya ada di paling bawah. Setelah selesai klik Save.


Langkah Kelima:

Jika Anda ingin menerjemahkan bahasa yg nanti akan muncul, pilih Add a Prompt sekali lagi, pilih Customize slide prompt text untuk menerjemahkan atau memasukan Text kamu sendiri dan setelah itu klik Save.


Selanjutnya dibagian Welcome Notification, isikan Title dan Massage atau bisa dibiarkan default, lihat tampilan atau perview dikotak bawah.
Untuk bagian Advanced dibiarkan saja default. Selanjutnya Klik Save di paling bawah.

Langkah Keenam:

Di halaman ini kamu akan mendapatkan Kode Script. Copy Code scriptnya, dan setelah itu buka Blogger kamu dan pilih Tema setelah itu klik Edit HTML selanjutnya cari Kode <head> yang berada dipaling atas lalu tempelkan Kode Script yang kamu Copy tadi dibawah Kode <head> dan setelah itu klik Simpan / Save

Selanjutnya Coba lihat Blog kamu untuk di test apakah sudah berhasil atau belum. tampilanya akan seperti gambar dibawah ini saat dibuka melalui Browser Chrome atau Firefox menggunakan Smartphone:

Jika belum berhasil, coba dibaca lagi apa ada yang terlewat, jika sudah yakin settingnya benar dan belum juga ada Notifikasi yang muncul, coba dilihat URL yang kita masukan di Seting tadi apakah sama dengan URL di Blog kamu atau tidak.

Sumber : blog-santai

Post a Comment