loading...

Cara Menciptakan Push Notifikasi Di Blog

Cara menciptakan push notification di blog - Pada kesempatan kali ini, Panduaneka akan memperlihatkan panduan cara memasang push notifikasi/Web Push Notification dengan memanfaatkan layanan dari OneSignal secara gratis. Namun sebelum melanjutkan ke langkah-langkahnya, sebaiknya kita pahami terlebih dahulu apa itu Web Push Notification dan seberapa penting keberadaaannya bagi sebuah blog atau situs.

Untuk teladan bagaimana tampilan dari Web Push Notification sendiri, sanggup Anda lihat waktu pertama kali Anda membuka blog Panduaneka ini di browser niscaya akan muncul sebuah pesan pemberitahuan/notifikasi yang letaknya di bab atas, silahkan coba Anda klik tombol I Agree pada notifikasi tersebut.

Pengertian Web Push Notification dan fungsinya
Sebenarnya memasang notifikasi pada blog ini hanya merupakan salah satu cara untuk menjaring pengunjung loyal kepada blog kita. Selain membuat artikel berkualitas sebagai pondasi utama untuk mendapat pengunjung setia sebanyak-banyaknya, tentunya kita juga harus menyediakan saluran/media yang mempermudah bagi pengunjung untuk selalu mendapat konten-konten yang kita buat.

Ada beberapa cara yang sanggup Anda lakukan untuk memperlihatkan fasilitas bagi pengunjung untuk update konten-konten dan informasi dari blog kita menyerupai memasang widget subscribe box dan menciptakan push notifikasi ini.

Secara sederhana pengertian Web Push Notification yakni pesan pendek yang tampil di layar ponsel secara otomatis hampir menyerupai mirip SMS.

Kita sebagai pemilik website sanggup mengirimkan pesan kapanpun terhadap pengunjung loyal website kita, walaupun pengunjung sedang tidak membuka website kita menggunakan Browser.

Banyak info yang sanggup dikirimkan dengan menggunakan Web Push Notification, contohnya info hasil olah raga, atau minta pengguna untuk mengerjakan sesuatu menyerupai memberi rekomendasi software yang sanggup di donwload atau sanggup juga memperlihatkan info mengenai Promo menarik menyerupai Diskon Harga, dan sebagainya.

Rupanya aneka macam manfaat yang sanggup kita rasakan saat menerapkan Web Push Notification didalam Blog kita. Umumnya Web Push Notification ini diterapkan oleh sebagian situs-situs besar. Bagi Anda pengguna WordPress sanggup memanfaatkan beberapa plugin yang berfungsi untuk  menciptakan Push Notification pada blog.

Lalu bagaimana cara menciptakan Web Push Notification pada platform Blogger?

 Panduaneka akan memperlihatkan panduan cara memasang push notifikasi Cara Membuat Push Notifikasi di Blog

Cara Memasang Web Push Notification di blog

Anda pengguna Blogger/Blogspot juga sanggup menciptakan Web Push Notification ini dengan memanfaatkan layanan gratis pihak ketiga yang memperlihatkan fungsi Web Push Notification pada blog kita. Bagaimana langkah-langkah menerapkan Push Notification ini pada blog kita? Silahkan ikuti panduannya di bawah ini :

1. Silahkan Anda menuju ke situs OneSignal. Silahkan pilih Web Push Notification dengan klik tombol Get Started. Disini Anda sanggup melaksanakan Sign up/login dengan menggunakan akun Facebook atau Gmail Anda.

 Panduaneka akan memperlihatkan panduan cara memasang push notifikasi Cara Membuat Push Notifikasi di Blog

2. Setelah berhasil login silahkan Pilih Add New App, dan buat nama App contohnya Panduaneka atau Notifikasi Blog.

 Panduaneka akan memperlihatkan panduan cara memasang push notifikasi Cara Membuat Push Notifikasi di Blog

3. Kemudian akan muncul beberapa pilihan yang akan Anda pergunakan nanti menyerupai contohnya Apple IOS, Google Android, Web Push, Windows dan lainnya. Pada opsi ini, silahkan Anda pilih Web Push kemudian tombol Next.

 Panduaneka akan memperlihatkan panduan cara memasang push notifikasi Cara Membuat Push Notifikasi di Blog

4. Lalu akan tampil 3 opsi, jikalau Anda mau memasangnya pada platform CMS blogger, maka Anda sanggup menentukan pada opsi yang kedua yakni Wordpress Plugin or Website Builder kemudian pilih Blogger.

 Panduaneka akan memperlihatkan panduan cara memasang push notifikasi Cara Membuat Push Notifikasi di Blog

5. Pada langkah berikutnya, silahkan isi data-data pada tiap kolom yang tersedia sesuai keperluan dan impian Anda menyerupai site name, site url, default icon, dan lain-lain.

Disini Anda sanggup menciptakan beberapa model notifikasi menyerupai Slide Prompt, Subscription Bell dan Custom Link. Saya sendiri hanya menggunakan 2 model notifikasi pada blog ini yakni Slide Prompt dan Subscription Bell.

Silahkan Anda pilih yang sekiranya cocok untuk blog Anda.

Catatan :
Untuk option terakhir yang berisi webhooks dan lain-lainnya silahkan lewati saja. kemudian tekan tombol save.

6. Kemudian Anda akan mendapat instruksi Javascript yang sanggup Anda pasang kedalam template blog. Umumnya instruksi tersebut menyerupai terlihat dibawah ini.
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
<script>
  var OneSignal = window.OneSignal || [];
  OneSignal.push(function() {
    OneSignal.init({
      appId: "06e81cf4-22d4-3f01-b525-61308e20427a",
    });
  });
</script>

Silahkan Anda klik tombol Copy Code yang tersedia atau Anda sanggup menggunakan instruksi diatas dengan mengganti instruksi yang ditandai dengan warna kuning diatas (merupakan appID saya) dengan appID Anda. Anda sanggup temukan appID Anda pada halaman Setting dan pilih Keys & IDs dan ambil instruksi pada kolom ONESIGNAL APP ID.

Kode yang telah Anda dapatkan tadi selanjutnya sanggup Anda pasang di template blog melalui Edit HTML. Letakkan instruksi yang didapat sehabis instruksi <head> kemudian Save template. Jika berhasil, setiap blog Anda dibuka pertama kali di browser akan muncul pesan notifikasi.

Demikian tutorial cara menciptakan push notification di blog, biar bermanfaat untuk Anda. Jika ada pertanyaan atau pelengkap informasi terkait artikel ini, silahkan tulis di kolom komentar yang tersedia.

Jangan lupa untuk share kepada teman-teman Anda, siapa tahu mereka membutuhkan panduan ini. Terima kasih

0 Response to "Cara Menciptakan Push Notifikasi Di Blog"

Posting Komentar

Iklan Atas Artikel

loading...

Iklan Tengah Artikel 1

loading...

Iklan Tengah Artikel 2

loading...

Iklan Bawah Artikel

loading...