Cara Menciptakan Web Push Notification
Pada kali ini saya akan menunjukkan tutorial mengenai Cara Membuat Web Push Notification yang berfungsi sebagai notifikasi pembaruan terbaru sebuah website yang tentu saja sudah aneka macam situs profesional dan situs besar lainnya yang sudah memakai ini. Jadi, buat kau pengguna platform blogger jangan bersedih hati alasannya ialah kau juga sanggup memakai Web Push Notification ini supaya sanggup menjangkau pengunjung dan lebih bersahabat dengan menunjukkan pemberitahuan mengenai pembaruan situs kamu.
Web Push Notification merupakan sebuah pesan berupa notifikasi yang muncul saat halaman pertama website dimuat. Notifikasi yang muncul ini berisi pesan yang meminta pada pengunjung menunjukkan izin saluran untuk menampilkan notifikasi mengenai kegiatan terbaru situs kau setiap kali ada post gres pada perangkat yang sedang dipakai si pengguna.
Berikut ini pola Web Push Notification yang muncul:
Web Push Notification ini akan muncul pada halaman pertama yang sedang dimuat oleh pengunjung. Apabila si pengunjung menekan "Allow", maka si pengunjung akan mendapat notifikasi apabila terdapat kegiatan terbaru situs kau di perangkatnya baik itu desktop atau perangkat mobile.
Berikut ini pola notifikasi yang akan muncul di perangkat si pengguna:
Berikut ini pola Mobile Push Notification:
Cara Membuat Web & Mobile Push Notification
Langkah 1
Silahkan kunjungi situs OneSignal kemudian lakukan pendaftaran. Kamu juga sanggup memakai akun Facebook, Google, atau Github, untuk menciptakan akun baru.
Langkah 2
Selanjutnya, silahkan pilih "ADD APP", kemudian buat nama app sesuai dengan kebutuhan kamu. Misalnya, "Notifikasi situs blog saya", atau gunakan judul yang dipakai situs blog kamu.
Langkah 3
Silahkan pilih Web Push.
Langkah 4
Selanjutnya, silahkan pilih Wordpress Plugin or Website Builder, kemudian pilih platform Blogger.
Langkah 5
Silahkan scroll halaman ke bawah, kemudian tuliskan nama situs, alamat, dan tambahkan gambar icon yang akan kau gunakan.
Langkah 6
Silahkan scroll kembali halaman ke bawah, kemudian buat judul, isi pesan. Jika sudah selesai, silahkan pilih tombol "Save".
Langkah 7
Langkah terakhir, kau akan diarahkan pada halaman berisi isyarat yang harus kau simpan di template blogger kamu. Silahkan salin isyarat tersebut, kemudian simpan pada head template blog atau lebih tepatnya sebelum isyarat </head>. Dibawah ini pola isyarat yang harus disimpan.
<head>
...
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
<script>
var OneSignal = window.OneSignal || [];
OneSignal.push(function() {
OneSignal.init({
appId: "0a13cb1f-1492-4724-ae35-3c28f5c47ec3",
});
});
</script>
...
</head>
Pada tahap ini kau sudah berhasil menciptakan Web Push Notification di situs blog. Untuk pengecekan, silahkan kunjungi halaman utama situs blog kamu. Demikian mengenai Cara Membuat Web Push Notification semoga bermanfaat. Apabila ada hal yang ingin ditanyakan, silahkan bertanya melalui kolom komentar dibawah ini, Terima kasih. Sumber https://www.panduanblog.id/
Web Push Notification merupakan sebuah pesan berupa notifikasi yang muncul saat halaman pertama website dimuat. Notifikasi yang muncul ini berisi pesan yang meminta pada pengunjung menunjukkan izin saluran untuk menampilkan notifikasi mengenai kegiatan terbaru situs kau setiap kali ada post gres pada perangkat yang sedang dipakai si pengguna.
Berikut ini pola Web Push Notification yang muncul:
Web Push Notification ini akan muncul pada halaman pertama yang sedang dimuat oleh pengunjung. Apabila si pengunjung menekan "Allow", maka si pengunjung akan mendapat notifikasi apabila terdapat kegiatan terbaru situs kau di perangkatnya baik itu desktop atau perangkat mobile.
Berikut ini pola notifikasi yang akan muncul di perangkat si pengguna:
Berikut ini pola Mobile Push Notification:
Cara Membuat Web & Mobile Push Notification
Langkah 1
Silahkan kunjungi situs OneSignal kemudian lakukan pendaftaran. Kamu juga sanggup memakai akun Facebook, Google, atau Github, untuk menciptakan akun baru.
Langkah 2
Selanjutnya, silahkan pilih "ADD APP", kemudian buat nama app sesuai dengan kebutuhan kamu. Misalnya, "Notifikasi situs blog saya", atau gunakan judul yang dipakai situs blog kamu.
Langkah 3
Silahkan pilih Web Push.
Selanjutnya, silahkan pilih Wordpress Plugin or Website Builder, kemudian pilih platform Blogger.
Langkah 5
Silahkan scroll halaman ke bawah, kemudian tuliskan nama situs, alamat, dan tambahkan gambar icon yang akan kau gunakan.
Langkah 6
Silahkan scroll kembali halaman ke bawah, kemudian buat judul, isi pesan. Jika sudah selesai, silahkan pilih tombol "Save".
Langkah 7
Langkah terakhir, kau akan diarahkan pada halaman berisi isyarat yang harus kau simpan di template blogger kamu. Silahkan salin isyarat tersebut, kemudian simpan pada head template blog atau lebih tepatnya sebelum isyarat </head>. Dibawah ini pola isyarat yang harus disimpan.
<head>
...
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
<script>
var OneSignal = window.OneSignal || [];
OneSignal.push(function() {
OneSignal.init({
appId: "0a13cb1f-1492-4724-ae35-3c28f5c47ec3",
});
});
</script>
...
</head>
Pada tahap ini kau sudah berhasil menciptakan Web Push Notification di situs blog. Untuk pengecekan, silahkan kunjungi halaman utama situs blog kamu. Demikian mengenai Cara Membuat Web Push Notification semoga bermanfaat. Apabila ada hal yang ingin ditanyakan, silahkan bertanya melalui kolom komentar dibawah ini, Terima kasih. Sumber https://www.panduanblog.id/
Post a Comment for "Cara Menciptakan Web Push Notification"