Membuat JavaScript Open Url In New Tab Untuk Sekali Klik

Ingin Open Url In New Tab saat visitor Klik halaman blog kita? Hal itu bisa dilakukan dengan Membuat JavaScript Open Url In New Tab Untuk Sekali Klik saja pada klik yang pertama. Simak terus artikelnya.

JavaScript Open Url In New Tab

Sharing ini bersumbe dari blog maskoding dengan judul artikel "Script Open New Tab Url Untuk Sekali Klik". Sesuai dengan judul tersebut. Nantinya saat user klik halaman blog kita maka secara otomatis akan terbuka tab yang baru dan klik itu hanya berlaku untuk sekali saja pada klik yang pertama.

Manfaat dan Keuntungan Membuat JavaScript Open Url In New Tab

Pemasangan Script Open Url In New Tab  tentu memiliki tujuan. Kebanyaknya yang menggunakan script ini adalah web safelink, web film, web musik dan web download. 

Lalu, apakah Tujuan dipasang script ini? Sudah barang tentu Script Open Url In New Tab ditujukan untuk menambah penghasilan dari iklan atau menambah jumlah impresi dari pemasang iklan.

Kode Script Open Url In New Tab Untuk Sekali Klik

Berikut ini kodenya sekaligus penjelasan lengkap dari MasKoding.com langsung

<script>
//<![CDATA[
document.body.addEventListener("click", function () {
    var a = document.createElement('a');
    a.target = "_blank";
    a.href = "https://namaDomain.com";
    a.click();
}, {
    once: true
});
//]]>
</script>

Silahkan ganti tulisan yang saya beri warna merah dengan alamat url yang ingin dibuka.

Cara Pemasangan Script Open Url In New Tab di Blogspot

Script ini dapat kamu pasang pada html sebelum element </body>. Untuk Pengguna blogger, kamu dapat memasangnya di bagian edit html atau di bagian widget Javascript.

Berikut cara pemasangannya untuk pengguna blogger:

1. Silahkan buka dashboard blogger kamu.
2. Pilih 'Tema' lalau pilih 'Edit HTML'.
3. Setelah itu cari kode '</body>' lalu pastekan script tepat di atasnya.
4. Jangan lupa untuk mengubah url yang saya beri warna merah dengan url yang kamu inginkan.
5. Lalu pilih 'Simpan Tema'.
6. Selesai.

Untuk mencobanya, silahkan kamu klik di area mana saja. Jika berhasil maka klik pertama kali akan membuka tab baru dengan alamat url yang telah kamu rubah sebelumnya. Klik kedua kali tidak akan memberikan efek apapun.

Cara Pemasangan Script Open Url In New Tab di Wordpress

Script ini Armaila pasang juga di wordpress. Script tersebut diletakkan element </body>. 

Berikut cara pemasangannya untuk wordpress:

1. Silahkan buka dashboard wordpress
2. Pilih Appearance dan klik Theme File Editor
3. Di menu Theme Files scrool ke bagian Theme Footer (footer.php)
4. Setelah itu cari kode '</body>' lalu pastekan script tepat di atasnya.
5. Jangan lupa untuk mengubah url yang saya beri warna merah dengan url yang kamu inginkan.
6. Lalu pilih 'Update File'.
7. Selesai.

Cara Kerja Script Open Url In New Tab

Mula - mula script ini akan memberikan perintah event klik kepada seluruh DOM body. Artinya efek klik akan bekerja jika pengunjung mengklik pada area DOM body.

document.body.addEventListener("click", function () {

});

Karena kita hanya memberikan perintah 'Sekali klik', maka kita harus memberikan option event untuk sekali klik seperti berikut :

document.body.addEventListener("click", function () {

}, {
    once: true
});

Terlihat bahwa saya menambahkan option event berupa "once:true" dimana option ini akan memberikan perintah untuk dijalankan dengan sekali klik.

Selanjutnya efek klik akan menjalankan sebuah fungsi untuk membuat DOM <a> dan mengisi beberapa attribute seperti target dan href. Perhatikan script dibawah ini, Lihat tulisan yang saya beri warna hijau.

document.body.addEventListener("click", function () {
    var a = document.createElement('a');
    a.target = "_blank";
    a.href = "https://namaDomain.com";
    a.click();
}, {
    once: true
});

Ketika klik pertama kali di lakukan, maka script akan membuat DOM <a> dengan mengisi attribute target dan href. Jika kita ilustrasikan, maka DOM <a> tersebut akan menjadi seperti berikut :

<a target="_blank" href="https://namaDomain.com"></a>

Setelah DOM <a> terbentuk, maka fungsi click() akan dijalankan yang akan meng-klik secara otomatis dan akhirnya terbukalah tab baru dengan url yang telah kita set sebelumnya.

Demkianlah artikel "Membuat JavaScript Open Url In New Tab Untuk Sekali Klik". Jika ada hal yang ingin ditanyakan maka dapat langsung menuju sumber artikel yang Armaila share diatas.