Iklan Billboard 970x250

Cara Mudah Membuat Push Notifications di Website pada Blogger

Iklan 728x90

Cara Mudah Membuat Push Notifications di Website pada Blogger

Setiap kali kalian membuka artikel seseorang pastinya kalian akan menemukan notifikasi untuk mengikuti situs atau website tersebut.
Itulah yang dinamakan dengan Push Notifications.

membuat push notification


Pengertian Push Notifications

Push Notifications adalah notifikasi pop-up atau pesan yang tampil disuatu situs yang kalian buka melalui smartphone maupun desktop.

Fungsi Push Notifications

Fungsi dari Push Notifications ini yaitu untuk memberikan informasi terbaru dan terupdate kepada visitor yang sudah berlangganan untuk terus mengikuti alamat website anda melalui push notifications.

Push notification ini memang sangat berguna untuk para blogger yang ingin menambah jumlah pengunjung ataupun mempertahankan pengunjung yang sudah menyalakan notifikasi tersebut agar terus mendapat informasi terbaru dan terupdate.

Untuk itu sangat disayangkan apabila anda mempunyai website besar tetapi tidak memiliki fitus Push Notifications yang membantu ini.

Dimana membuat Push Notifications ?

Untuk membuat Push Notification anda tidak perlu bingung lagi dimana membuatnya, memang jika dicari di Tata Letak blogger ataupun Wordpress anda tidak akan menemukannya.
jadi, jika untuk membuat Push Notifications ini anda harus menggunakan plugin yang berada di OneSignal.

Apakah bisa pasang Push Notifications di blogger ?

Memang pada awalnya plugin OneSignal ini terkenal hanya untuk pengguna Wordpress saja, tapi sekarang banyak yang membuat Push Notifications ini melalui Blogger.

Maka dari itu bagi anda yang ingin membuat Push Notifications melalui Blogger tidak perlu khawatir lagi, karena saya akan memberikan kepada anda bagaimana cara membuat push notifications dengan mudah dan langsung tampil di wesite anda.
Langsung aja disimak baik-baik langkahnya agar tidak ada yang terlewat.

Tutorial membuat Push Notifications di Website pada Blogger


Langkah yang pertama

Untuk langkah yang pertama anda harus membuat akun terlebih dahulu pada situs OneSignal.com

Silahkan daftar dan buat akun pada OneSignal bagi yang belum mempunyai akun OneSginal.

ada 3 pilihan untuk mendaftar akun tersebut yaitu menggunakan Github, Facebook, dan juga Google.
pilih dari tiga tersebut yang menurut anda enak untuk dijadikan akun.

Langkah yang kedua

Jika sudah dibuat akun tersebut, kemudian buka situs tersebut dan akan muncul tampilan seperti ini,

cara membuat push notification
lalu klik tulisan ADD APP pada kotak yang berada di pojok kiri atas.

Langkah yang ketiga

Kemudian isi APP NAME sesuai kemauan anda (bisa juga diisi dengan nama website)
lalu klik lagi ADD APP.

langkah mudah membuat push notifactions

Langkah yang keempat

Ketika anda sudah klik ADD APP, maka anda akan masuk untuk Edit App tersebut.
silahkan pilih Web Push >> kemudian klik Next.

langkah mudah buat push notifications


Langkah yang kelima

Apabila sudah memilih Web Push maka anda akan masuk ke halaman Configure Web Push.
Pada halaman Configure Web Push ini ada 6 langkah lagi yang harus kalian isi.

1. Choose Integration
Silahkan pilih Wordpress plugin or Website Builder >> lalu klik Blogger

buat push notifications di blogger


2. Blogger Site Setup
Pada  Site Setup ini silahkan anda isi Site Name, Site URL, Icon URL, dan Choose Label seperti gambar dibawah tersebut.



3. Permission Prompt Setup
Klik ADD A PROMPT 
Kemudian pilih salah satu dari 4 Prompt Type yang tersedia yang anda suka :

  • SUBSCRIPTION BELL
  • NATIVE PROMPT
  • SLIDE PROMPT
  • CUSTOM LINK


langkah membuat push notifications di blogger
Jika sudah lalu klik SAVE

4. Welcome Notification
Ini hanya akan muncul di smartphone atau desktop pengunjung yang sudah menyalakan notifikasi tersebut.
untuk title dan pesan bisa anda ubah sesuai keinginan yang membuat menarik pengunjung.

cara membuat push notifications di blogger


5. Advanced
Untuk tampilan Advanced ini lebih baik dibiarkan saja tidak perlu diubah lagi, tapi jika anda ingin mengubahnya silahkan saja.
jika sudah kemudian klik Save


push notifications website di blogger


6. Add Code to Site
Pada yang keenam ini silahkan anda klik COPY CODE >> lalu klik FINISH


Langkah yang keenam

Ini adalah langkah yang terakhir, yaitu anda pastekan kode yang sudah di copy pada Add Code to Side tersebut kedalam HTML Blogger kalian dengan cara  :

Buka Blogger >> pilih Tema >> Edit HTML >> kemudian cari kode <head> >> lalu pastekan code yang sudah di copy dibawah tag <head> kemudian klik simpan tema.

Kemudian cek pada blog atau website anda, apakah Push Notifications tersebut sudah muncul atau belum.
apabila sudah muncul maka tampilannya akan seperti gambar dibawah tersebut.

contoh push notifications


Namun apabila belum muncul juga silahkan ditunggu beberapa menit, karena mungkin saja ini memerlukan waktu tidak sebentar.

Jika memang sudah ditunggu dengan waktu yang lama tapi belum muncul juga Push Notifications tersebut, silahkan cek kembali langkahnya dari awal apakah sudah benar atau ada yang terlewat.
atau bisa tanyakan kepada saya melalui komentar pada kolom yang sudah disediakan dibawah artikel ini.

Mungkin itulah tutorial membuat Push Notifications dari awal sampai tampil dihalaman website anda.
semoga artikel ini dapat membantu dan bermanfaat, terimakasih.
Baca Juga
SHARE

Related Posts

Subscribe untuk update terbaru

Post a Comment

Iklan Tengah Post