Tutorial Memasang Push Notifications / Subscribe / Unsubscribe di Blogger

Apa itu Push Notifications?

Mungkin kalian sering melihat ketika kalian mengunjungi beberapa Website (Misalnya Facebook) pada Browser, maka akan muncul persetujuan yang meminta izin kepada kalian untuk menampilkan Notifikasi dari Website tersebut meskipun kalian tidak sering mengunjunginya secara aktif.

Ketika kalian mengklik tombol Allow/Izinkan, entah itu di PC/Laptop atau Smartphone, maka kalian akan selalu menerima Notifikasi dari Website tersebut yang dapat berupa Artikel baru, Video baru, atau pembaruan lainnya.

Dengan demikian, mungkin kalian akan terus kembali ke Website tersebut. Hal tersebut tidak hanya meningkatkan Direct Traffic, tetapi juga akan meningkatkan Social Share dan dapat membantu pemilik Website untuk membangun komunitas yang dapat dipercaya oleh pengunjung setianya.

Untuk memahami lebih dalam tentang mengapa Push Notifications jauh lebih baik dan lebih menarik daripada Newsletter, mari kita pahami perbedaan diantaranya.

Mengapa Push Notifications Lebih Baik daripada Newsletter?

Sejauh ini, saya belum mengatakan bahwa Newsletters yang dikirimkan melalui E-Mail itu buruk. Newsletter sudah sangat sering digunakan oleh semua orang dan hal tersebut adalah teknik lama, tetapi pasti memiliki dampak yang efektif.

Tetapi, tahukan kalian bahwa terdapat banyak perbedaan dari Push Notifications dan E-Mail Newsletters? Mari simak beberapa hal berikut.

Push Notifications Lebih Mudah Digunakan

Ketika terdapat seorang pengunjung masuk ke suatu Website, tidak jarang yang mengabaikan kolom E-Mail Newsletter. Jika kita lihat dari sudut pandang pengunjung, mereka mungkin akan berpikir bahwa Website tersebut akan membocorkan alamat email kita kepada pihak ketiga demi mendapatkan uang atau menggunakannya untuk mengirim Spam.

Selain itu, mendaftar E-mail Newsletters juga secara teknis bisa berdampak buruk karena mengharuskan pengguna untuk mengkonfirmasi pendaftaran dengan mengklik Link aktivasi yang diterima melalui email yang akhirnya akan berada di bagian Spam dan tidak pernah ditemukan oleh pengguna.

Bahkan jika pengunjung mendaftar untuk mendapatkan pembaruan pada Website kalian, mungkin kalian tidak dapat memastikan apakah pengguna benar-benar akan menerima email yang kalian kirim atau tidak. Hal tersebut dapat terjadi karena sebagian besar penyedia layanan E-Mail seperti Gmail, Outlook, Yahoo, dll. Cenderung memfilter Newsletter sebagai Spam.

Lalu, bagaimana dengan Push Notifications? Sebenarnya, prosesnya jauh lebih simple. Yang perlu dilakukan pengguna adalah hanya mengeklik tombol Allow/Izinkan ketika terdapat Pop-Up yang muncul. Artinya, pengguna akan langsung berlangganan ke Website/Blog kita hanya dengan mengeklik saja! Itulah kelebihan dari Push Notifications.

Rasio Klik-Tayang/Click Throught Rate (CTR) Yang Lebih Tinggi

Kalian bisa membayangkan berapa kali kalian membuka Inbox pada E-mail dalam sehari? Rata-rata pengguna hanya memeriksa emailnya sehari sekali atau bahkan lebih beberapa hari.

Sekarang bayangkan, berapa kali kalian melihat Notifikasi pada Smartphone? Sangat sering bukan? Jadi, sudah sangat jelas bahwa Push Notifications sangat berguna jika dibandingkan dengan E-mail Newsletters.

Maka dari itu, disini saya akan menunjukkan kepada kalian cara untuk membuat Push Notifications khususnya pada Platform Blogger/Blogspot secara gratis untuk dapat memberitahukan pengunjung setiap kali terdapat artikel baru atau ingin mengirim pembaruan apa pun dan kapanpun kalian menginginkannya.

Cara Memasang Push Notifications di Blogger

Terdapat banyak layanan yang menyediakan Push Notifications. Tetapi tidak semuanya dapat kita andalkan.

Disini, saya menyarankan kalian untuk menggunakan layanan  Push Notifications di Blogger karena gratis dan terkenal, mungkin juga dapat menjadi yang terbaik khususnya untuk Blogger.
Untuk memasangnya, ikutlah beberapa panduan berikut.

Memasang Push Notifications di Blogger

Masuk ke Blogger, kemudian pilih Theme (Tema) > Edit HTML.

Pada bagian Edit HTML, tekan tombol CTRL + F pada Keyboard dan cari kode </head>.

Kemudian, pastekan kode
<!-- PushAlert --> <script type="text/javascript"> (function(d, t) { var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.src = "https://cdn.pushalert.co/integrate_4efe84774d9207d81f8da0b0ed151506.js"; s.parentNode.insertBefore(g, s); }(document, "script")); </script> <!-- End PushAlert -->

tepat di atas kode </head>.

Jika sudah, klik tombol Save (Simpan).



Sekarang, kalian sudah berhasil membuat Push Notifications pada Blogger. Lalu apa yang dapat kita lakukan selanjutnya?

Membuat dan memasang Subscribe/Unsubscribe

Kode yang aku gunakan cuma ini ;
<amp-web-push id="amp-web-push" layout="nodisplay" helper-iframe-url="https://kata-h.blogsport.com/pushalert-amp-helper-frame.html" permission-dialog-url="https://kata-h.blogsport.com/pushalert-amp-permission-dialog.html" service-worker-url="https://kata-h.blogsport.com/sw.js"> </amp-web-push> <div class="pa-web-push"> <amp-web-push-widget visibility="unsubscribed" layout="fixed" width="250" height="40"> <button class="pa-amp-subscribe" on="tap:amp-web-push.subscribe"> <amp-img width="20" height="20" layout="fixed" src="data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48dGl0bGU+UHVzaEFsZXJ0PC90aXRsZT48ZyBpZD0iRm9ybWFfMSIgZGF0YS1uYW1lPSJGb3JtYSAxIj48ZyBpZD0iRm9ybWFfMS0yIiBkYXRhLW5hbWU9IkZvcm1hIDEtMiI+PHBhdGggZD0iTTEzMi4wNywyNTBjMTguNjIsMCwzMy43MS0xMS41MywzMy43MS0yMUg5OC4zNkM5OC4zNiwyMzguNDIsMTEzLjQ2LDI1MCwxMzIuMDcsMjUwWk0yMTksMjAwLjUydjBhNTcuNDIsNTcuNDIsMCwwLDEtMTguNTQtNDIuMzFWMTE0LjcyYTY4LjM2LDY4LjM2LDAsMCwwLTQzLjI0LTYzLjU1VjM1LjlhMjUuMTYsMjUuMTYsMCwxLDAtNTAuMzIsMFY1MS4xN2E2OC4zNiw2OC4zNiwwLDAsMC00My4yMyw2My41NXY0My40NmE1Ny40Miw1Ny40MiwwLDAsMS0xOC41NCw0Mi4zMXYwYTEwLjQ5LDEwLjQ5LDAsMCwwLDYuNTcsMTguNjdIMjEyLjQzQTEwLjQ5LDEwLjQ5LDAsMCwwLDIxOSwyMDAuNTJaTTEzMi4wNyw0NS40MmExMS4zMywxMS4zMywwLDEsMSwxMS4zNi0xMS4zM0ExMS4zMywxMS4zMywwLDAsMSwxMzIuMDcsNDUuNDJabTczLjg3LTE3LjY3LTYuNDUsOS43OGE4My40Niw4My40NiwwLDAsMSwzNi4xNSw1NC43N2wxMS41My0yLjA2YTk1LjIzLDk1LjIzLDAsMCwwLTQxLjIzLTYyLjVoMFpNNjQuNDYsMzcuNTJMNTgsMjcuNzVhOTUuMjMsOTUuMjMsMCwwLDAtNDEuMjMsNjIuNWwxMS41MywyLjA2QTgzLjQ2LDgzLjQ2LDAsMCwxLDY0LjQ1LDM3LjU0aDBaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4="></amp-img> Subscribe to Notifications </button> </amp-web-push-widget> <amp-web-push-widget visibility="subscribed" layout="fixed" width="250" height="40"> <button class="pa-amp-unsubscribe" on="tap:amp-web-push.unsubscribe">Unsubscribe from Notifications</button> </amp-web-push-widget> </div>

Gunakan tambah widget lebih mudah ternyata cuma dengan hal ini ,
1. Masuk tata letak
2. Tambah widget html
3. Paste kode tadi
4. Klik simpan
5. Selesai.


Akhir kata, semoga artikel ini dapat membantu kalian untuk memasang Push Notifications / Subscribe / Unsubscribe

 di Blogger. Saya sangat senang jika kalian bisa membagikan artikel ini kepada teman-teman kalian yang tertarik.