Cara Membuat Web Push Notifications di Blogger

Web push notifications merupakan pesan atau notifikasi pop-up yang muncul pada layar desktop maupun smartphone Anda ketika membuka halaman website atau blog.

Web push notifications ini memiliki banyak sekali fungsinya yang bisa kita manfaatkan semaksimal mungkin.

Fungsi utama dari web push notification ini untuk menginformasikan kepada pengunjung website Anda untuk mendapatkan sebuah informasi terbaru dari website Anda.

Saya yakin apabila situs web Anda memiliki konten atau artikel yang menarik dan informatif hal ini dapat membantu Anda untuk mempertahankan pengunjung situs Anda.

Pada dasarnya web push notification ini digunakan untuk website-website yang menggunakan platform wordpress dan bahkan ada yang versi premiumnya.

Ya, disini kita akan menggunakan plugin OneSignal yang sudah banyak dikenal oleh banyak pengguna wordpress.

Tapi, apakah bisa kita gunakan plugin OneSignal ini untuk menambahkan push notification di blog kita?

Jawabannya ya, kita bisa menggunakan web push notifikasi dari OneSignal ini untuk dipasang pada blog kita.

Karena sekarang plugin OneSignal memang sudah memberikan fitur push notification ini untuk penggunakan blogger.

Baca juga: Cara Memasang dan Modifikasi Label Cloud Keren di Blogger

Nah, bagi Anda yang tertarik untuk memasang web push notifikasi ini di blogger, silahkan ikuti langkah-langkahnya di bawah ini.

Cara Membuat Web Push Notifications di Blogger

Cara Memasang Web Push Notifications di Blogger

1. Buka situs onesignal.com
2. Kemudian scroll ke bagian paling bawah dan klik Sign Up For Free

Sign up for free onesignal

3. Anda bisa daftar dengan menggunakan akun sosial media Anda seperti Github, Facebook, dan Google. Di sini saya daftar menggunakan email, jadi silahkan isi dengan lengkap data Anda, jika sudah klik Create account

Register by email onesignal

4. Setelah selesai, silahkan cek email Anda untuk memverifikasi akun Anda

Konfirmasi email onesignal

5. Lalu buka email yang dikirim dari OneSignal ke email Anda, kemudian silahkan klik Click Here To Confirm Your Account

Email konfirmasi akun onesignal

6. Lalu klik Add App > berikan nama untuk sesuai keinginan Anda > lalu klik Add App

Menambahkan aplikasi onesignal

7. Kemudian salah satu platform, disini saya memilih Web Push. Setelah itu klik Next

Edit aplikasi onesignal

8. Kemudian klik pada WordPress Plugin or Website Builder, lalu pilih Blogger

Pilih website builder cms onesignal

9. Kemudian lakukan konfigurasi untuk blog Anda, silahkan gulir ke bawah dan isi datanya seperti Nama Blog, URL, Icon, dan Label

Blogger site setup onesignal

10. Kemudian gulir kebawah dibagian Permission Prompt Setup klik Add Prompt, lalu pilih sesuai keinginan Anda disini saya memilih Slide Prompt > Save

1Permission prompt editor onesignal1

11. Kemudian pada bagian Welcome Notification dan Advance merupakan pilihan opsional, Anda bisa mengaturnya apabila mau, jika tidak silahkan lewati saja
12. Lalu dibagian paling bawah klik Save
13. Lalu tambahkan kode script tersebut di atas kode </head> atau &lt;!--</head>--&gt;&lt;/head&gt;

Konfigurasi web push onesignal

14. Lalu klik Finish

Kesimpulan

Dengan menggunakan plugin OneSignal web push notification kita dapat mempertahankan pengunjung setia Anda untuk terus selalu membaca artikel terbaru Anda.

Itulah artikel mengenai cara membuat web push notification di blogger, selamat mencoba. Semoga bermanfaat.

Related Posts

Berlangganan update artikel terbaru via email:

3 Responses to "Cara Membuat Web Push Notifications di Blogger"

  1. keren yah kalo ada notif begitu, subscribers bisa langsung tau update terbaru kita, sekarang kan zamannya smartphone, jadi muncul di notif smartphone, mantap

    ReplyDelete
  2. Terimakasih tutornya mas, sangat membantu sekali, ini merupakan artikel yang saya cari

    ReplyDelete
  3. Sudah saya praktekkan dan berhasil. Terimakasih panduannya. Sangat bermanfaat !!

    ReplyDelete

Jika ada yang masih kurang jelas, silahkan untuk bertanya pada kolom komentar di bawah ini atau dengan menghubungi kami di halaman kontak.

1. Centang kotak Notify me untuk mendapatkan notifikasi komentar.
2. Komentar kami moderasi, dan tidak semuanya dipublish.
3. Semua komentar dengan menambahkan link akan dihapus dan tidak akan dipublikasikan.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel