Tutorial Cara membuat Web Push Notification di Blogger

Saya yakin apabila situs web Anda memiliki konten atau artikel yang menarik dan informatif hal ini dapat membantu Anda untuk mempertahankan pengunjung situs Anda.
"Web push notifications" merupakan pesan atau notifikasi pop-up yang muncul pada layar desktop maupun smartphone Anda ketika membuka halaman website atau blog. Fungsi utama dari "Web push notifications" ini untuk menginformasikan kepada pengunjung website Anda untuk mendapatkan sebuah informasi terbaru dari website Anda.

keuntungan yang anda dapatkan jika memasang web push notifikasi adalah meningkatnya user experience sehingga membuat banyak pengunjung blog berlama lama dan kembali lagi ke website kamu untuk mendapatkan artikel terbaru.
Web Push Notifications ini akan muncul saat pengunjung membuka website kamu di browser seperti:
Chrome dan Firefox.

kita bisa menggunakan web push notifikasi dari OneSignal untuk dipasang pada blog kita. OpenSignal ini bisa digunakan di Website Blogger maupun Wordpress. Silahkan ikuti langkah-langkah berikut untuk cara penerapannya:

• Silahkan anda Kunjungi situsnya Opensignal.com
• Kemudian mendaptar terlebih dahulu tentunya click Sign Up For Free
• Anda bisa mendaftar dengan menggunakan akun sosial media Anda seperti Github, Facebook, dan Google.
• Setelah masuk Lalu klik Add App > berikan nama sesuai keinginan Anda > Kemudian pilih salah satu platform, disini saya memilih "Web Push". Setelah itu klik Next
  

• Kemudian lakukan konfigurasi untuk blog Anda, silahkan gulir ke bawah dan isi datanya seperti Nama Blog, URL, Icon, dan Label
• Kemudian dibagian Permission Prompt Setup pilih Slide Prompt sebagai bawaannya atau klik add prompt jika ingin menggantinya lalu jangan lupa Save
  

• Selanjutnya pada bagian Wellcome Notifications dan Advance anda bisa isi atau biarkan saja karena Optional. Lalu dibagian paling bawah klik Save untuk mengakhiri. Kemudian copy kode script berikut seperti yang ada pada gambar dibawah.
  

1. Masuk ke Blogger.com
2. Klik Tema > Edit HTML
3. Tambahkan kode tadi yang anda copy di atas kode </head>.

Sebenarnya ada banyak cara yang bisa kamu gunakan untuk menerapkan web push notifikasi di website. Namun dari sekian banyak situs yang menyediakan layanan "Web Push" dengan layanan OpenSignal lah yang sudah cukup bagus dan sudah banyak digunakan oleh website website popular.

semoga bermanfaat.