Beranda blog

Cara buat dan aktifkan fitur izinkan pemberitahuan di blog

0 • menit membaca
Daftar Isi


javasetid.com - Notifikasi adalah pemberitahuan atau informasi singkat yang muncul di perangkat elektronik Anda (seperti ponsel, tablet, atau komputer) untuk memberi tahu Anda tentang suatu kejadian atau pembaharuan.

Notifikasi bisa berasal dari berbagai macam aplikasi dan sistem, seperti:

  • Aplikasi pesan: Memberitahu Anda tentang pesan baru.
  • Aplikasi media sosial: Memberitahu Anda tentang suka, komentar, atau pengikut baru.
  • Aplikasi berita: Memberitahu Anda tentang berita terbaru.
  • Aplikasi kalender: Mengingatkan Anda tentang acara yang akan datang.
  • Sistem operasi: Memberitahu Anda tentang pembaruan perangkat lunak atau masalah sistem.

Intinya, notifikasi berfungsi untuk memberi tahu Anda secara proaktif tentang hal-hal yang mungkin penting atau menarik bagi Anda, tanpa Anda perlu terus-menerus membuka dan memeriksa setiap aplikasi.

Sebagai penulis, notifikasi ini penting untuk menjangkau audiens kita oleh sebab memasang fitur notifikasi di website dapat mejadi alternatif untuk memberitahu bahwa kita telah memposting artikel terbaru.

Fitur notifkasi atau pemberitahuan berguna untuk memberikan informasi ketika ada artikel aatau postingan terbaru dari blog ke pengguna, untuk sistem kerjanya sama seperti subcribe hanya saja disini kita tidak perlu login atau menggunakan akun seperti platform lain, cara ini uga bermanfaat untuk menarik audiens yang tertarik dengan web kita, mereka cukup aktifkan maka akan langsung dpat notifikasi setiap kali kita posting artikel terbaru.

Untuk menempatkan kode atau script nya bisa sobat pakai di blog dan caranya kalian cukup masuk ke blogger lalu pilih tata letak setelah silahkan tambahkan widget, kamu bisa menggunakan Notification API di browser modern. Ini memungkinkan kamu untuk mengirimkan notifikasi langsung ke perangkat pengunjung (seperti desktop atau ponsel) meskipun mereka tidak berada di halaman kamu.

untuk browser atau mesin pencari yang mendukung ftur ini ialah

1. Chrome
2. Microsoft Edge
3. Mozila
4. Browser bawan masing masing pabrikan
5. Adblok browser


Setelah tau, maka kita lanjut cara menempatkan scrip atau kode di Blog berikut fiturnya

1. Meminta Izin Pengunjung untuk Mengaktifkan Pemberitahuan

"Sebelum mengirimkan pemberitahuan, kamu harus meminta izin pengunjung untuk mengaktifkan notifikasi"

2. Menampilkan Pemberitahuan kepada Pengunjung

"Setelah izin diberikan, kamu dapat mengirim pemberitahuan kepada pengunjung blog kamu"

3. langkah - Langkah pemasanan skrip nya

  • Buka blogger lalu pilih tata letak 
gambar 1. tata letak di blogger

  • Selanjutnya silahkan sobat tambahkan "gadget" lal pilih "HTML/Javascript"
gambar 2. tambahkan gadget

gambar 3. HTML/Javascript 

  • pilih html lalu tempat kan kode berikut ke bagian HTML/javascrip tadi, berikut kodenya

-----------------------------------------------------------------------------------------------------------------------------


Kode Script
--------------------------------------------------------------------------------------------------------------------------
<script>
// Fungsi untuk meminta izin notifikasi kepada pengunjung
if ("Notification" in window) {
  // Jika belum ada izin, maka tampilkan permintaan izin
  if (Notification.permission !== "granted") {
    Notification.requestPermission().then(function(permission) {
      if (permission === "granted") {
        // Jika izin diberikan, tampilkan notifikasi pertama
        showNotification();
      }
    });
  }
} else {
  alert("Browser Anda tidak mendukung notifikasi.");
}

// Fungsi untuk menampilkan notifikasi
function showNotification() {
  // Cek apakah izin sudah diberikan
  if (Notification.permission === "granted") {
    // Menampilkan notifikasi
    const notification = new Notification("Hai, Pengunjung!", {
      body: "Terima kasih sudah mengunjungi blog javasetid.com. Kami akan segera memberikan update terbaru!",
      icon: "https://javasetid.com/path/to/your-icon.png", // Ganti dengan URL ikon yang sesuai
      tag: "welcome-notification"
    });

    // Opsi untuk notifikasi dapat diubah sesuai kebutuhan
    notification.onclick = function() {
      window.location.href = "https://javasetid.com"; // Ganti dengan URL yang sesuai
    };
  }
}
</script>
-----------------------------------------------------------------------------------------------------------------------------

Penjelasan Kode:
  1. Meminta Izin: Kode ini memeriksa apakah browser mendukung notifikasi. Jika mendukung dan izin belum diberikan, kode akan meminta izin kepada pengunjung.
  2. Menampilkan Notifikasi: Jika izin diberikan, notifikasi akan muncul dengan pesan yang telah ditentukan.
  3. Ikon Notifikasi: Kamu bisa mengganti icon dengan ikon blog kamu agar lebih profesional.
  4. Tautan dalam Notifikasi: Ketika notifikasi diklik, pengunjung akan diarahkan ke URL yang sudah kamu tentukan (misalnya ke homepage blog).
Cara Memasang Kode ini di Blogger:
  1. Masuk ke Blogger dan pilih blog javasetid.com.
  2. Klik Tata Letak (Layout).
  3. Klik Tambah Gadget dan pilih HTML/JavaScript.
  4. Paste kode pemberitahuan di atas di dalam kolom HTML/JavaScript.
  5. Klik Simpan.
Demo pada setelah penempatan script

gambar 4. percobaan pada blog elektroprodia

Catatan:

  • Pemberitahuan ini hanya akan bekerja jika pengunjung menggunakan browser yang mendukung Notification API (seperti Google Chrome, Firefox, Safari, dll.).

  • Pemberitahuan hanya akan muncul jika pengunjung telah memberikan izin. Jika mereka menolak, kamu tidak bisa mengirimkan notifikasi.

  • Pastikan kamu tidak terlalu sering mengirimkan notifikasi agar pengunjung merasa nyaman dan tidak terganggu.

Dengan menambahkan fitur ini, kamu dapat memberi pengunjung informasi penting atau pembaruan terbaru bahkan setelah mereka meninggalkan halaman blog kamu. Jika ada pertanyaan lebih lanjut, beri tahu saya!

Download Script Disini :  Scriptnotifikasiblog

Posting Komentar