MASIGNCLEAN101

Cara Menciptakan Web Push Notification


Oktober 15, 2018
Cara Menciptakan Web Push Notification
Senin, 15 Oktober 2018
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.

Pada kali ini saya akan menunjukkan tutorial mengenai Cara Membuat Web Push Notification

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:

Pada kali ini saya akan menunjukkan tutorial mengenai Cara Membuat Web Push Notification

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:

Pada kali ini saya akan menunjukkan tutorial mengenai Cara Membuat Web Push Notification

Berikut ini pola Mobile Push Notification:



Pada kali ini saya akan menunjukkan tutorial mengenai Cara Membuat Web 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.

Pada kali ini saya akan menunjukkan tutorial mengenai Cara Membuat Web Push Notification

Langkah 3

Silahkan pilih Web Push.

Pada kali ini saya akan menunjukkan tutorial mengenai Cara Membuat Web Push Notification
Langkah 4

Selanjutnya, silahkan pilih Wordpress Plugin or Website Builder, kemudian pilih platform Blogger.

Pada kali ini saya akan menunjukkan tutorial mengenai Cara Membuat Web Push Notification

Langkah 5

Silahkan scroll halaman ke bawah, kemudian tuliskan nama situs, alamat, dan tambahkan gambar icon yang akan kau gunakan.

Pada kali ini saya akan menunjukkan tutorial mengenai Cara Membuat Web Push Notification

Langkah 6

Silahkan scroll kembali halaman ke bawah, kemudian buat judul, isi pesan. Jika sudah selesai, silahkan pilih tombol "Save".

Pada kali ini saya akan menunjukkan tutorial mengenai Cara Membuat Web Push Notification

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/
Share This :