Cara Membuat Web Push Notifications di Blogger

Cara Membuat Web Push Notifications di Blogger - Ketika mengunjungi sebuah blog atau website, terkadang anda pernah mendapati sebuah pesan yang muncul dibagian kiri bawah address bar browser yang menawarkan aktivasi notifikasi untuk website atau blog tersebut. Inilah yang disebut sebagai Web Push Notifications.

Web Push Notifications ini muncul ketika halaman website atau blog yang anda akses pertama kali dimuat. Notifikasi yang muncul berisi sebuah pesan yang meminta pengunjung memberikan izin akses untuk menampilkan notifikasi mengenai semua aktifitas terbaru seperti postingan terbaru dari website atau blog yang dikunjungi pada perangkat yang sedang digunakan oleh pengunjung.

Berikut tampilan Web Push Notifications yang muncul ketika mengakses website atau blog yang menggunakan fitur ini.

Seperti gambar di atas, di dalam menu pop-up notifikasi terdapat dua buah tombol yang memiliki fungsi yang berbeda antara lain NO THANKS dan ALLOW. Jika pengunjung menekan tombol " Allow " maka pengunjung akan mendapatkan sebuah notifikasi apabila terdapat aktivitas terbaru atau postingan terbaru dari situs tersebut, melalui perangkat yang digunakan pengunjung baik di desktop atau mobile.

Apa manfaat Web Push Notifications?
Mengenai apa manfaat dari memasang fitur Web Push Notifications ini, anda bisa melihatnya dari dua sisi yang berbeda, yakni sisi pengunjung atau visitor dan sisi pemilik blog atau website. Jika dilihat dari sisi pengunjung, dengan adanya fitur ini seorang pengunjung bisa langsung mengetahui update terbaru dari situs favorite mereka pada perangkat browser yang digunakan tanpa harus masuk ke media lain untuk mengetahui notifikasi tersebut seperti email. Sedangkan dari sisi pemilik, dengan adanya fitur ini situs yang dimiliki akan langsung menarik perhatian dan mendapatkan respon langsung dari pengunjung yang mendapati notifikasi pada perangkat tanpa harus masuk terlebih dahulu ke media lain seperti email, sehingga kemungkinan statistik pengunjung akan menjadi lebih meningkat.
Sebenarnya sistem kerja dari fitur Web Push Notifications tidak jauh berbeda dengan FeedBurner yang pernah saya bahas pada artikel berjudul, namun FeedBurner apabila dilihat dari alur notifikasinya, FeedBurner sangat lamban karena pengunjung harus membuka email mereka terlebih dahulu untuk mengetahui aktivitas terbaru dari situs favorite mereka, kemudian baru berkunjung ke situs.

Khusus pemilik situs yang memiliki konten berita atau artikel unik dan melakukan update setiap hari, apabila menggunakan fitur Web Push Notifications ini pasti akan sangat bermanfaat sekali untuk mempertahankan statistik pengunjung situs.

Setelah melihat sedikit pembahasan di atas, apakah anda tertarik untuk membuat dan memasang Web Push Notifications di Blog? Apabila dilihat dari manfaatnya, saya anggap anda pasti tertarik.

Baca juga :

• Cara Memasang Tools Kode Warna di Blog
• Membuat Like Box FansPage Facebook Pop Up Melayang
• Memasang Fanspage Facebook dengan Show Hide Widget
• Membuat Halaman Error 404 Not Found di Blog

Cara Membuat dan Memasang Web Push Notofications di Blogger

Untuk membuat plugin web push notifications sngat mudah, karena disini kita akan memanfaatkan sebuah layanan situs penyedia plugin tersebut. Ada banyak situs penyedia layanan Web Push Notifications seperti PushEngage, Pushassist, OneSignal dan lain sebagainya. Tetapi setelah saya perhatikan para blogger lebih banyak menggunakan OneSignal, dan untuk alasannya saya belum begitu faham. Nah untuk itu disini saya akan membahas langkah-langkah pembuatan dan pemasangan Web Push Notifications menggunakan layanan dari OneSignal.

1. Kunjungi situ https://onesignal.com/
2. Tekan tombol berwarna merah bertuliskan Start For Free

3. Anda akan disuguhkan halaman form registrasi seperti gambar berikut. Disini anda bisa melakukan resgistrasi menggunakan akun sosial media seperti Github, Facebook, dan Google. Sebagai contoh saya akan menggunakan Email, silahkan isi data anda dengan lengkap meliputi Email Address, Password, dan Company or Organization Name (boleh diisi dengan judul situs). Jika sudah lengkap, klik tombol Create account

4. Setelahnya akan muncul sebuah pop-up yang menginformasikan silahkan cek email untuk memverifikasi akun anda

5. Buka email yang anda dapatkan dari situs OneSignal. Kemudian klik tombol berwarna biru bertuliskan Click Here To Confirm Your Account

6. Anda akan dibawa kembali ke halaman OneSignal seperti gambar berikut, silahkan klik ADD APP >> masukkan nama app pada kotak APP NAME sesuai keinginan anda (anda bisa menggunakan judul situs atau blog anda agar tidak bingung apabila anda memiliki situs lebih dari satu) >> lalu klik ADD APP

7. Silahkan pilih perangkat platform yang tersedia untuk menampilkan notifikasi. Disini anda bisa memilih platform lebih dari satu. Sebagai contoh saya akan memilih platfrom Web Push, lalu klik Next

8. Pada bagian Choose Integration Klik Wordpress Plugin or Website Builder, kemudian pilih Blogger

9. Geser ke bawah sedikit pada bagian Blogger Setup, silahkan isi data blog atau website anda seperti SITE NAME (nama situs), SITE URL (url situs), DEFAULT ICON URL (icon situs atau blog), dan CHOOSE A LABEL (pilih label situs anda).

10. Geser sedikit ke bawah lagi pada bagian Permission Promt Setup, klik ADD PROMPT >> kemudian pilih tampilan sesuai keinginan anda, disini saya memilih SLIDE PROMPT >> lalu klik SAVE untuk menyimpan

11. Pada bagian Welcome Notification dan Advance merupakan pilihan opsional, Anda bisa mengaturnya apabila mau, jika tidak silahkan lewati saja

12. Gulir ke bawah, silahkan klik SAVE
13. Simpan kode yang anda dapatkan ke notepad untuk dipasang nanti ke blog.

14. Masuk ke akun blogger >> Tema atau Template >> klik Edit HTML >> kemudian copy paste kode yang anda simpan pada notepad tersebut di atas kode tag

</head> atau &lt;!--</head>--&gt;&lt;/head&gt;

15. Terakhir klik Simpan Tema atau Save Template
16. Selanjutnya pada halaman OneSignal klik Finish.

Dengan memasang plugin Web Push Notifications pada blog atau website, maka akan memudahkan pengunjung untuk langsung mengakses blog anda melalui klik notifikasi yang muncul pada halaman perangkat browser pengunjung atau pengguna, serta pemilik blog juga bisa mempertahankan statistik pengunjung blog.

Demikian tutorial sederhana mengenai cara membuat dan memasang Web Push Notifications di Blogger menggunakan situs penyedia layanan pihak ketiga yakni OneSignal. Semoga bermanfaat and " Happy Blogging "

Related Posts :

Silahkan klik disini untuk berlangganan Artikel Gratis via email, Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di HARMANSYAH BLOG