Cara Membuat Notifikasi Blog Dengan OneSignal - Kang Iyan

Cara Membuat Notifikasi Blog Dengan OneSignal

Cara Membuat Notifikasi Blog Dengan OneSignal
Notifikasi pasti sudah tidak asing lagi buat kamu karena udah tiap saat denger Notif dari fb :'v tapi kali ini saya akan mencoba untuk menerapkan Notifikasi untuk blog menggunakan sebuah situs web yang bernama OneSignal situs ini sendiri memang menyediakan pembuatan Notifikasi buat blog atau wordpress.

Untuk penerapan kodenya pun sangat mudah sekali hanya perlu Apps Id nya dan notifikasi pun sudah bisa digunakan untuk para subscribe yang ada dapat dilihat di situs OneSignal sendiri. Kelebihan menggunakan notifikasi ini adalah pengunjung ngak perlu bulak balik untuk melihat artikel baru lagi karena kalau sudah ada notifikasi pasti donk kalau ada artikel baru akan ada notif nya.

Cara Membuat Notifikasi Blog Dengan OneSignal


1. Silahkan masuk ke situsnya OneSignal

2. Kamu log in dulu bisa menggunakan Google or Facebook agar mudah

3. Buat Apps baru dengan klik Tombol + "Add a new app" lalu kasih nama dan klik create

Cara Membuat Notifikasi Blog Dengan OneSignal

4. Tahap berikutnya yaitu Pemilihan Platform.
  • Pilih Website Push
  • Pilih Google Chrome & Mozilla Firefox
5. Masukan Url blog sobat seperti gambar dibawah

Cara Membuat Notifikasi Blog Dengan OneSignal

6. Pemilihan SDK
  • Pilih Website Push
7. Silahkan Copy kode yang tertera ke Notepad, bila kurang jelas silahkan lihat gambar ini

Cara Membuat Notifikasi Blog Dengan OneSignal

8. Masuk ke Dasboard Blog Sobat
  • Pilih Edit Template > Lalu Copy kode dibawah ini dan masukan Apps Id Sobat di tempat yang sudah saya kasih warna merah
  •   <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async></script>
      <script>
        var OneSignal = window.OneSignal || [];
        OneSignal.push(["init", {
          appId: "Your APPS ID",
          autoRegister: false,
          notifyButton: {
            enable: true /* Set to false to hide */
          }
        }]);
      </script>


  • Paste kodenya dibawah kode <head>



  • Simpan Template



  • 9. Coba sobat lihat hasilnya sekarang

    Kalau mau lihat demonya bisa diklik dibawah 

    Artikel Terkait

    Cara Membuat Notifikasi Blog Dengan OneSignal
    4/ 5
    Oleh

    Komentar Ada Dibawah