Home Blogging tips dan trik

Cara Disable Back Button Di Browser Atau Website Blog Mudah

Image
Ervan Repana
0 • 3 min read
Table of Contents
Mungkin anda pernah mengunjungi website blog apakah wordpress atau blogger atau CMS lainnya ketika anda menekan tombol back di browser maupun back button baik di android atau PC tidak kembali ke halaman lainnya malah terdiam, itu dikarenakan mereka menggunakan cara menonaktifkan atau mendisablekan backbutton atau tombol back di blog atau website blognya sehingga back button di blog atau browser tidak berfungsi diantaranya menggunakan javascript dan script lainnya.
Cara Disable Back Button Di Browser Atau Website Blog Mudah
Back button adalah tombol kembali yang terdapat pada browser atau blog di komputer atau jika dihalaman website mobile atau blog tampilan mobile bisa menggunakan back button android sehingga back button tersebut tidak bekerja di blog atau browser anda di berbagai browser baik android atau PC seperti mozila, chrome, opera dan web browser lainnya.

Manfaat disable back button di browser atau website blog dengan java script atau plugin

Manfaat atau keuntungan menonaktifkan backbutton java script diantaranya adalah mengurangi bounce rates blog di blog atau website anda sehingga pengunjung blog akan tetap di halaman blog selama beberapa detik, efektif bukan?

Selain itu akan menambah durasi diam atau waktu diam pengunjung saat berkunjung ke situs atau blog anda sehingga mereka tidak menutup browser mereka.

Apakah aman? 
Sebenarnya kami sendiri belum mencobanya tetapi untuk kebutuhan study case apakah ada efek negatifnya terhadap situs dan adsense anda bisa mencobanya.

Tetapi rasanya kemungkinan tidak menyalahi aturan adsense dan google serta search engine lainnya.

Cara menonaktifkan back button di browser untuk blog dengan javascript :


Tempatkan kode javascript di template blog sahabat blogger diantara head tag

<script='text/javascript' >
history.pustState(null, null, '#'); window.addEventListener('popstate', function(event)
{
history.pushState(null, null, '#');
}) ;
</script>

Atau bisa menggunakan

<script type='text/javascript' >
window.history.forward(); function noBack() {window.history.forward();}
</script>

Dan replace atau timpa tag body <body> di temolate blogger dengan script berikut

<body onload='noBack();' onpageshow='if(event.persisted) noBack; onunload=' '>

Selain back button javascript diatas anda juga bisa membuat custom atau variasi java script back button agar redirect ke halaman lainnya di blog anda sehingga jika user atau pengunjung blog menekan atau mengklik tombol back maka blog akan mengarah pada halaman yang sobat blogger tentukan, bisa dengan script unback button to redirect page di bawah
Related: loading

Sama seperti kode diatas pasangkan java script unback button diantara head tag di blogger template atau temolate blog anda

<script language='javascript'>
(function(window, location) {history.replaceState(null, document.title, location.pathname+'#!/history'); history.pushState(null,document.title, location.pathname); window.addEventListener('popstate', function() {if(location.hash === '#'! /history') {history.replaceState(null,document.title, location.pathname); setTimeout(function() {location.replace('https://erepana.blogspot.com/');},0);}}, flase) ;} (window, location)) ;
</script>

Anda juga bisa menggunakan kode js back button dibawah ini

<script language="javascript">
(function(window, location) {history.replaceState(null, document.title, location.pathname+&quot;#!/history&quot;); history.pushState(null, document.title, location.pathname); window.addEventListener(&quot;popstate&quot;, function() {if(location.hash === & quot;#!/history&quot) {history.replaceState(null, document.title, location.pathname); setTimeout(function() {location.replace(&quot;https://erepana.blogspot.com/&quot;);}, 0);}}, false) ;} (window, location)) ;
</script>

Silahkan ganti nama domain situs atau blog diatas dengan nama domain situs anda yang dicetak tebal.

Dengan script diatas maka fungsi back button di browser maupun blog tidak akan berfungsi tentunya jika java script user di browser diaktifkan.

Untuk wordpress

Anda bisa menggunakan plugin disable back button di wordpress dengan menginstal plugin disable back button.

Jika javascript di settingan browser tidak diaktifkan kemungkinan tidak akan bekerja.

Untuk menonaktifkan disable backbutton agar tidak bekerja dengan cara meremov atau menghapus javascript diatas dan back button di browser versi pc atau back button di smartphone akan kembali bekerja di blog anda.

Demikian cara menonaktifkan back button di blog dengan javascript dari erepana. Semoga bermanfaat dan membantu anda.

Post a Comment