08

ONBEFOREUNLOAD JAVASCRIPT, MEMBUAT AKSI PADA TOMBOL CLOSE

Dalam website kita banyak mengenal script, baik itu html javascript css php dan lainnya, banyak nama script banyak pula fungsi setiap scciptnya. dalam kasus ini kita bahas mengenai aski lain pada tombol close onbeforeunload,
script ini digunakan untuk memberikan jeda pada pengunjung untuk tidak langsung meninggalkan halaman pada saat pengunjung memilih kembali atau close halaman kita.
tentu saja akan menambah waktu berkunjung di halaman kita meskipun tidak seberapa tetapu bisa membantu menambah waktu berkunjung untuk beberapa detik, tetapi jika kita arahkan menuju halaman lain maka kita juga akan mendapatkan view yang lebih dari script ini.
untuk membuat script dasarnya adalah $(window).bind('beforeunload', function(){ alert("pesan anda disini"); return false; }); ini contoh jika kita ingin membuat pesan sebelum di tinggalkan oleh pengunjung.
tetapi kita juga bisa mengarahkan untuk menuju halaman yang lain agar pengunjung tidak langsung begitu saja. yaitu dengan cara mengganti text alert("pesan anda disini"); dengan window.open("alamatartikellain","","width=300, height=200");. $(window).bind('beforeunload', function(){ window.open("alamatartikellain","","width=300, height=200"); return false; }); perintih ini pada saat pengunjung akan meninggalkan halaman kita maka akan muncul pilihan tetap meninggalkan atau tetap di halaman yg sama, jika pengunjung memilih meninggalkan maka pengunjung akan di arahkan untuk membuka artikel kita yang lain di jendela baru yaitu akan membuka artikel sesuai yang kita targetkan dengan window.open("alamatartikellain","","width=300, height=200");. dan jika pengunjung memilih tetap maka halaman tidak akan tertutup dan pengunjung akan tetap di halaman yang saya dan juga tidak membuka artikel yang lain.
caranya cukup mudah, dan script ini bisa kita terapka untuk menurunkan bounce rate.
Ditulis oleh: Admin

Tanggal: 01-08-2022 Pembaruan : 3 bulan lalu

 

Beri nilai


 
BAGIKAN :

Tinggalkan komentar

DINAMIC WEB PAGE, MEMBUAT HALAMAN WEB DINAMIS DENGAN PHP
CSS HTML LAZY LOAD, MEMBUAT CSS LAZY LOAD SEDERHANA
LINK BUILDING STRATEGY, SEO LINK BUILDING UNTUK WEBSITE
SEO HTML TAG, HEADING UNTUK SEO SEBUAH WEBSITE

Galeri