Cara Membuat Push Notifications di Blog dengan OneSignal - Arlina Design
Kali ini Arlina Design akan berbagi Cara Membuat Push Notifications di Blog dengan OneSignal. Apa itu OneSignal? OneSignal merupakan salah satu layanan yang memiliki kemampuan untuk menerapkan fungsi Push Notifications di sebuah website sehingga pengguna yang mengikuti situs tersebut akan langsung mendapatkan pemberitahuan di perangkatnya.

Cara Membuat Push Notifications di Blog dengan OneSignal

Push Notifications adalah sebuah notifikasi yang akan muncul dimanapun dan kapanpun. Pesan notifikasi ini akan muncul ketika pengguna sudah mengaktifkan pesan ini pada suatu situs yang ia ikuti. Walaupun saat pengguna tidak membuka situs tersebut di browser, pesan tersebut akan tetap muncul sebagai notifikasi ketika ada update artikel di situs tersebut yang berfungsi dengan baik pada perangkat desktop maupun mobile. Fungsinya sama seperti tombol lonceng yang ada di Youtube.

Dengan ditambahkannya fungsi Push Notifications pada blog tentunya akan mendorong lebih banyak lagi pengunjung dan itu akan berdampak positif untuk perkembangan blog sobat. Situs-situs besar pun menggunakan Push Notifications seperti Facebook, Twitter, dan situs lainnya.

Bagi sobat yang ingin memasangnya pada blog, silakan ikuti langkah-langkahnya di bawah ini.

Cara Membuat Push Notifications di Blog dengan OneSignal


Langkah pertama yang harus sobat lakukan adalah dengan mengunjungi situs OneSignal untuk membuat Push Notifications pada blog. Kemudian klik tombol Sign Up.

Cara Membuat Push Notifications di Blog dengan OneSignal

Isi formulir pendaftaran dengan Email atau bisa juga dengan login secara langsung lewat akun Github, Facebook, atau Google. Setelah selesai diisi klik tombol Create account.

Cara Membuat Push Notifications di Blog dengan OneSignal

Konfirmasi link yang dikirim lewat email untuk mengaktifkan akun OneSignal.

Cara Membuat Push Notifications di Blog dengan OneSignal

Langkah selanjutnya, di halaman https://app.onesignal.com. Klik tombol NEW APP/WEBSITE dan beri nama untuk APP baru.

Cara Membuat Push Notifications di Blog dengan OneSignal

Cara Membuat Push Notifications di Blog dengan OneSignal

Setelah diberi nama, pada menu Select Platform pilih Web Push. Kemudian klik tombol Next.

Cara Membuat Push Notifications di Blog dengan OneSignal

Pada halaman Configure Web Push pilih menu Wordpress Plugin or Website Builder dan pilih Blogger.

Cara Membuat Push Notifications di Blog dengan OneSignal

Kemudian untuk pengaturan, gulir halaman ke bawah dan isi formulir Blogger Site Setup sesuai dengan blog sobat.

Cara Membuat Push Notifications di Blog dengan OneSignal

Kemudian gulir kebawah dan klik tombol Add A Prompt, pilih fitur apa saja yang ingin diaktifkan, setelah selesai diatur klik tombol Save.

Cara Membuat Push Notifications di Blog dengan OneSignal

Setelah semua fitur diatur, gulir ke bawah dan klik tombol Save.

Cara Membuat Push Notifications di Blog dengan OneSignal

Selanjutnya, tambahkan kode ini di dalam template sebelum </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;.

Cara Membuat Push Notifications di Blog dengan OneSignal

Setelah ditambahkan di dalam template klik tombol Simpan tema dan klik tombol Finish di halaman OneSignal. Selesai!

Untuk contoh hasilnya, silakan kunjungi halaman berikut ini


Oke, sekian dari Arlina Design untuk tips Cara Membuat Push Notifications di Blog dengan OneSignal. Semoga bermanfaat dan wassalam.

Cara Membuat Push Notifications di Blog dengan OneSignal

Kali ini Arlina Design akan berbagi Cara Membuat Push Notifications di Blog dengan OneSignal. Apa itu OneSignal? OneSignal merupakan salah satu layanan yang memiliki kemampuan untuk menerapkan fungsi Push Notifications di sebuah website sehingga pengguna yang mengikuti situs tersebut akan langsung mendapatkan pemberitahuan di perangkatnya.

Cara Membuat Push Notifications di Blog dengan OneSignal

Push Notifications adalah sebuah notifikasi yang akan muncul dimanapun dan kapanpun. Pesan notifikasi ini akan muncul ketika pengguna sudah mengaktifkan pesan ini pada suatu situs yang ia ikuti. Walaupun saat pengguna tidak membuka situs tersebut di browser, pesan tersebut akan tetap muncul sebagai notifikasi ketika ada update artikel di situs tersebut yang berfungsi dengan baik pada perangkat desktop maupun mobile. Fungsinya sama seperti tombol lonceng yang ada di Youtube.

Dengan ditambahkannya fungsi Push Notifications pada blog tentunya akan mendorong lebih banyak lagi pengunjung dan itu akan berdampak positif untuk perkembangan blog sobat. Situs-situs besar pun menggunakan Push Notifications seperti Facebook, Twitter, dan situs lainnya.

Bagi sobat yang ingin memasangnya pada blog, silakan ikuti langkah-langkahnya di bawah ini.

Cara Membuat Push Notifications di Blog dengan OneSignal


Langkah pertama yang harus sobat lakukan adalah dengan mengunjungi situs OneSignal untuk membuat Push Notifications pada blog. Kemudian klik tombol Sign Up.

Cara Membuat Push Notifications di Blog dengan OneSignal

Isi formulir pendaftaran dengan Email atau bisa juga dengan login secara langsung lewat akun Github, Facebook, atau Google. Setelah selesai diisi klik tombol Create account.

Cara Membuat Push Notifications di Blog dengan OneSignal

Konfirmasi link yang dikirim lewat email untuk mengaktifkan akun OneSignal.

Cara Membuat Push Notifications di Blog dengan OneSignal

Langkah selanjutnya, di halaman https://app.onesignal.com. Klik tombol NEW APP/WEBSITE dan beri nama untuk APP baru.

Cara Membuat Push Notifications di Blog dengan OneSignal

Cara Membuat Push Notifications di Blog dengan OneSignal

Setelah diberi nama, pada menu Select Platform pilih Web Push. Kemudian klik tombol Next.

Cara Membuat Push Notifications di Blog dengan OneSignal

Pada halaman Configure Web Push pilih menu Wordpress Plugin or Website Builder dan pilih Blogger.

Cara Membuat Push Notifications di Blog dengan OneSignal

Kemudian untuk pengaturan, gulir halaman ke bawah dan isi formulir Blogger Site Setup sesuai dengan blog sobat.

Cara Membuat Push Notifications di Blog dengan OneSignal

Kemudian gulir kebawah dan klik tombol Add A Prompt, pilih fitur apa saja yang ingin diaktifkan, setelah selesai diatur klik tombol Save.

Cara Membuat Push Notifications di Blog dengan OneSignal

Setelah semua fitur diatur, gulir ke bawah dan klik tombol Save.

Cara Membuat Push Notifications di Blog dengan OneSignal

Selanjutnya, tambahkan kode ini di dalam template sebelum </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;.

Cara Membuat Push Notifications di Blog dengan OneSignal

Setelah ditambahkan di dalam template klik tombol Simpan tema dan klik tombol Finish di halaman OneSignal. Selesai!

Untuk contoh hasilnya, silakan kunjungi halaman berikut ini


Oke, sekian dari Arlina Design untuk tips Cara Membuat Push Notifications di Blog dengan OneSignal. Semoga bermanfaat dan wassalam.

Related Post

Disqus Codes
  • To write a bold letter please use <strong></strong> or <b></b>
  • To write a italic letter please use <em></em> or <i></i>
  • To write a underline letter please use <u></u>
  • To write a strikethrought letter please use <strike></strike>
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>
    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Subscribe Our Newsletter

Notifications

Disqus Logo