Cara Redirect Otomatis Halaman Error 404 Ke Homepage Dengan Javascript

Sebenarnya postingan ibarat ini sudah banyak di Google, namun ada sobat Kompi yang kesulitan menerapkannya alasannya ialah script-nya tidak jalan di beberapa template, khususnya template yang memakai conditional tag untuk halaman error 404.

Untuk demonya silahkan coba halaman error Kompi Ajaib ini https://komporajaibku.blogspot.com/404, namun untuk blog Kompi Ajaib ini hanya untuk perangkat desktop saja, untuk mobile AMP saya belum menemukan caranya yang valid AMP.

Jika ingin mencobanya, silahkan copy isyarat javascript berikut ini dan simpan di atas isyarat </body> atau &lt;!--</body>--&gt; &lt;/body&gt;

1. Untuk blog non AMP

 <b:if cond='data:blog.pageType in {&quot;error_page&quot;}'>
<script>
setTimeout(function () {
window.location.replace("<data:blog.homepageUrl/>");
    }, 8000); //akan memanggil fungsi sesudah 8 detik.
</script>
</b:if>

Kode di atas akan meredirect otomatis halaman error 404 ke homepage sesudah 8 detik, sehingga pengunjung masih dapat membaca pesan di halaman error 404, Anda dapat mengatur/mengganti angka 8000 untuk mengatur waktu tunggu. 1 detik = 1000.

Jika ingin eksklusif redirect, gunakan isyarat berikut.

 <b:if cond='data:blog.pageType in {&quot;error_page&quot;}'>
<script>
setTimeout(function () {
window.location.replace("<data:blog.homepageUrl/>");
    });
</script>
</b:if>

Atau

 <b:if cond='data:blog.pageType in {&quot;error_page&quot;}'>
<script>
window.location.replace("<data:blog.homepageUrl/>");
</script>
</b:if>

2. Untuk blog yang memakai URL mobile ?m=1 sebagai AMP, gunakan isyarat berikut yang hanya akan berlaku pada URL desktop.

 <b:if cond='data:blog.pageType in {&quot;error_page&quot;} and data:blog.isMobileRequest == &quot;false&quot;'>
<script>
setTimeout(function () {
window.location.replace("<data:blog.homepageUrl/>");
    }, 8000); //akan memanggil fungsi sesudah 8 detik.
</script>
</b:if>

Atau

 <b:if cond='data:blog.pageType in {&quot;error_page&quot;} and data:blog.isMobileRequest == &quot;false&quot;'>
<script>
setTimeout(function () {
window.location.replace("<data:blog.homepageUrl/>");
    });
</script>
</b:if>

3. Ini juga dapat dipakai di Wordpress, silahkan simpan isyarat ini di bab 404.php di paling bawah.

 <script>
setTimeout(function () {
window.location.replace("<?php echo home_url('/'); ?>");
    }, 8000); //akan memanggil fungsi sesudah 8 detik.
</script>

Atau

 <script>
setTimeout(function () {
window.location.replace("<?php echo home_url('/'); ?>");
    });
</script>

Semoga bermanfaat....
Sumber https://www.kompiajaib.com/

0 Response to "Cara Redirect Otomatis Halaman Error 404 Ke Homepage Dengan Javascript"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel