Type something and hit enter

author photo
By
Memasang dan membuat web push notification di blog adalah salah satu cara bermanfaat untuk memberikan informasi berupa notifikasi kepada pengunjung blog bahwa Anda telah mempublikasikan artikel terbaru untuk mereka.

Jadi ketika pengunjung sedang terhubung ke internet, kemudian ada postingan terbaru di blog Anda maka pengunjung akan otomatis mendapatkan notifikasi update di perangkat mereka bahwa ada artikel atau postingan terbaru di blog Anda.

Web push notification sangat bermanfaat dan patut diterapkan terutama untuk blog yang memiliki niche yang banyak diminati orang seperti web berita, tips, gosip, dan sejenis nya. Namun bukan berarti tidak dapat diterapkan pada blog dengan niche gado-gado.

Sebab semua tergantung minat pengunjung akan berlangganan artikel di blog kita ataukah tidak.

Berikut Screenshot penerapan fitur Web Push Notification pada blog ini:

Fitur Web Push Notification

Penerapan fitur web push notification hanya akan berfungsi apabila ada pengunjung yang memilih "Setuju" untuk mendapatkan notifikasi postingan terbaru di blog Anda.

Jika berminat memasang fitur web push notification ini di blog Anda. Maka silakan ikuti ulasan di bawah ini:

Langkah 1
Silakan kunjungi situs One Signal dengan cara copy paste url berikut pada browser Anda.

 https://app.onesignal.com/login  

Langkah 2
Silakan daftarkan akun Anda terlebih dahulu di One Signal kemudian lakukan login. (Anda bisa membuat akun di one signal menggunakan akun Github, Gmail, maupun Facebook).

Cara Membuat Web Push Notification di Blogger

Langkah 3
Setelah login maka silakan untuk memilih "ADD APP" seperti gambar berikut:

Cara Membuat Web Push Notification di Blogger

Langkah 4
Selanjutnya silakan masukan nama APP NAME misalnya nama domain situs Anda. Misal: Blog Saya atau Domain saja seperti winkamaru.com, dll.

Cara Membuat Web Push Notification di Blogger

Langkah 5
Selanjutnya silakan pilih "Web Push" Lalu pilih "Next" atau Lanjutkan...


Langkah 6
Selanjutnya silakan pilih "Wordpress Plugin or Website Builder". Lalu pilih platform blog Anda. Pada contoh ini saya memilih blogger karena platform blog saya di winkamaru.com menggunakan blogger.

Cara Membuat Web Push Notification di Blogger

Langkah 7
Selanjutnya scroll mouse ke bawah lalu pada bagian "blogger site setup" lakukan pengaturan kurang lebih seperti gambar berikut:

Cara Membuat Web Push Notification di Blogger

Note - Silakan sesuaikan alamat situs dan logo blog Anda. Khusus ukuran logo gunakan logo dengan ukuran 192 x 192 px

Langkah 8
Selanjutnya scroll lagi mouse ke bawah lalu pada bagian "Permission Prompt Setup" silakan pilih "Add A Prompt".

Cara Membuat Web Push Notification di Blogger

Langkah 9
Selanjutnya pada "Permission Prompt Editor" seperti gambar berikut, silakan pilih pada "Slide Prompt" lalu pilih "SAVE"

Cara Membuat Web Push Notification di Blogger

Penting - Anda juga bisa melakukan pengaturan lebih lanjut dengan mengaktifkan "Customize Slide Prompt Text" Pada pengaturan di atas. Apabila Anda ingin mengubah text web push notification dengan text yang Anda inginkan.

Langkah 10
Berikutnya silakan acuhkan pengaturan lainnya. Lalu scroll mouse ke arah paling bawah lalu pilih "SAVE"

Cara Membuat Web Push Notification di Blogger

Langkah 11
Terakhir silakan copy dan simpan kode yang akan Anda dapatkan berikut ini tepat di atas kode </head>  melalui menu edit HTML template di blogger.

Cara Membuat Web Push Notification di Blogger

Kurang lebih penempatan kode yang telah diarsir di atas dapat dilihat seperti pada gambar berikut:

Cara Membuat Web Push Notification di Blogger

Selesai...

Untuk mengakhiri ulasan ini, silakan lakukan finish pada One Signal tempat kode di atas tadi didapatkan.

Demikian, semoga bermanfaat...

0 komentar

Silakan tuliskan komentar Anda sesuai dengan topik postingan halaman ini. Setiap komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.