Sekarang ini dimana hampir semua hal terhubung dengan yang namanya internet, dimana kamu mungkin sudah tidak asing dengan istilah notifiction atau pemberitahuan.
Notifikasi ini biasa kamu temua di aplikasi sosial media seperti Facebook, Telegram, WhatsApp, Instagram dan aplikasi lainnya.
Pada kesempatan kali ini saya akan membagikan bagaimana cara memasang push notification di Website WordPress. Memasang fitur notifikasi pada sebuah website tentunya mempunyai fungsi atau manfaat.
Salah satu manfaat menginstall push notification pada website adalah memudahkan pengunjung untuk mendapatkan informasi jika ada artikel terbaru dari website yang Anda kelola dengan mudah.
Sehingga Anda dan penggembar atau subscriber sama-sama mendapatkan keuntungan. Dimana Anda mendapatkan kunjungan gratis dari penggembar sedangkan penggemar akan mendapatkan informasi yang bermanfaat baginya.
Maka dari itu Anda wajib membaca tutorial cara memasang push notification ini hingga selesai agar hasil akhirnya sesuai harapan dan fungsinya.
Langkah-Langkah Membuat Akun di Truepush
Pada artikel ini penulis menggunakan layanan push notification dari Truepush. Perlu kamu ketahui juga bahwa tutorial ini bisa kamu pasang pada platform Blogger, WordPress dan CMS lainnya. Anda hanya perlu menentukan mau menggunakan metode yang mana.
Langkah 1
Membuat akun terlebih dahulu dengan cara mengunjungi halaman website truepush.com. Caranya sangat mudah, Anda hanya perlu memasukan nama, alamat email dan password.
Setelah berhasil melakukan pendaftaran silahkan cek email yang Anda gunakan ketika mendaftar untuk memverifikasi akun.
Langkah 2
Setelah akun tervefirikasi, silahkan login ke dashboard Truspush Anda. Buatlah project baru dengan menekan tombol New Project.
Beri nama projek baru tersebut dengan nama website Anda, lalu pilih WordPress jika Anda ingin menggunakan plugin Truepush. Apabila Anda tidak ingin menggunakan plugin bisa memilih Web.
Jika Anda memilih WordPress, silahkan arahkan cursor ke logo WordPress lalu klik tombol Configure WordPress.
Silahkan isi kolom Add Website dan Project Icon dengan website Anda.
Lalu klik tombol Code Integration.
Pada halaman Project Details akan terdapat APP ID dan API KEY yang nantinya akan Anda masukan di pengaturan Plugin Truepush.
Terakhir tinggal klik tombol Go to WordPress.
Disini Anda sudah berhasil membuat akun dan mendapatkan API Key dari Truspush.
Alternatif lain jika Anda tidak ingin menggunakan plugin Truepush masih bisa menggunakan file .js yang di upload ke folder website dan beberapa baris HTML tambahan yang disediakan oleh Truepush.
Cara Install Push Notification di Website WordPress
Untuk proses pemasangan push notification di WordPress ada dua cara yaitu menggunakan plugin Truepush dan menggunakan serviceWorker file .js. Silahkan Anda sesuaikan dengan keinginan.
Berikut ini adalah pemasangan menggunakan plugin Truepush dan menggunakan file serviceWorker .js :
Install Push Notification Menggunakan Plugin
Setelah berhasil membuat akun di Truepush dan berhasil membuat project baru untuk mendapatkan APP ID dan API Key. Tidak hanya itu Anda juga akan mendapatkan code integration jika ingin memasang push notification tanpa plugin WordPress.
- Install dan Aktifka plugin Truepush.
- Setelah plugin terinstall dan aktif, silahkan masukan APP ID dan API KEY yang sudah didapatkan sebelumnya.
- Setelah memasukan APP ID dan API Token, tekan tombol SAVE.
- Silahkan lakukan pengujian dengan cara memuat website Anda di tab baru.
Sampai disini Anda sudah berhasil menginstall dan mengkonfigurasi plugin Truepush dengan benar.
Selanjutnya tutorial cara memasang push notification tanpa bantuan plugin WordPress. Simak caranya dibawah ini.
Memasang Push Notification Tanpa Plugin
Cara lain untuk menambahkan push notification tanpa menggunakan plugin ini yang menurut saya paling enak.
Sebelum melakukan tutorial ini, pastikan Anda sudah login di dashboard Truepush.
- Di dashboard Truepush pilih menu Code Integration.
- Download file serviceWorker atau sw.js.
- Apabila sudah terdownload file sw.js silahkan upoad ke folder website melalui File Manage cPanel Anda.
- Setelah itu silahkan salin code pada point kedua dan simpan sebelum tag </body> atau bagian lainnya. Untuk pemasangan kode HTML ini sangat disarankan untuk menggunakan sebuah plugin yang namanya Header Footer.
- Terakhir, silahkan hapus cache website dan buka salah satu halaman website Anda, harusnya push notification muncul.
Meski pun cara kedua ini cukup rumit, tapi menurut saya cara ini yang enak untuk digunakan jika dibandingkan menggunakan plugin. Walau bagaimana pun fungsinya tetap sama saja baik itu menggunakan plugin atau tanpa menggunakan plugin.
Kesimpulan
Adanya fitur push notification pada website bagi penulis itu sangat penting. Karena dengan fitur ini bisa mendapatkan trafik dengan mudah dari para pengunjung.
Tidak hanya itu, pengunjung akan mendapatkan notifikasi setiap ada konten atau artikel baru yang kamu publish lansung ke gadjet yang mereka gunakan.
Terdapat 2 cara yang bisa Anda lakukan untuk memasang push notification pada website WordPress. Cara tersebut bisa menggunakan plugin official Truepush maupun tanpa plugin.
Semoga artikel cara memasang push notification ini dapat bermanfaat untuk kemajuan website Anda. Jangan lupa bantu share jika artikel ini berhasil Anda lakukan.
Ada pertanyaan?
Silahkan tinggalkan pertanyaan dikolom komentar dibawah ini atau jika Anda sedang membutuhkan server hosting yang handal bisa lansung mengunjungi halaman Unlimited Hosting.