Kekurangan Memasang File Eksternal di Blog

Oleh MANTANKODE Juni 03, 2020 Posting Komentar

Kekurangan Memasang File Eksternal di Blog - mantankode

Artikel ini dibuat berdasarkan pendapat pribadi dan riset saya setelah mencoba beberapa metode yang awalnya memang agar mencegah suatu web/blog yang memasang iklan.

untuk penjelasan pemblokiran file eksternal ini saya menggunakan ektensi uBlock Origin

Apa itu uBlock Origin?

merupakan ektensi browser untuk mencegah atau filter setiap iklan yang ada pada blog agar tidak tampil. uBlock Origin bisa digunakan di browser pc dan smartphone.

Mengapa saya melakukan hal ini?

alasan utamanya mungkin karena ada iklan yang sangat menggangu sekali susahnya untuk melihat isi konten yang ada, maka saya biasanya mencoba memblokir akses html tertentu atau juga javascript yang di host di external dalam bentuk file.

Karena apabila JavaScript/CSS ini di host dalam bentuk file, sangat mudah sekali untuk mencegah suatu blog memproses script/style tersebut. dan maka yang terjadi perintah yang ada pada JS/css tersebut tidak akan berfungsi dengan baik.

ini lah yang sering saya gunakan termasuk diblog sendiri, saya memblokir satu file eksternal javascript agar tidak terjadi salah klik iklan dalam memperbaiki tampilan blog. dengan memblokir js tersebut proses loading iklan tidak akan terjadi.

contoh blokir file oleh klien - Kekurangan Memasang File Eksternal di Blog - mantankode

Apa itu Eksternal File?

Eksternal JavaScript adalah suatu file JS(JavaScript)/CSS() yang tidak didalam file HTML pada template/file, yang perlu kamu lakukan hanya memanggil file JavaScript tersebut didalam file HTML.

Contoh Sederhana Eksternal

<html>
<head>
<title> Eksternal File!! </title>
<style type='text/css' href='eksternal_file.css'></style>
<script type='text/javascript' src='eksternal_file.js'></script>
</head>
<body>
</body>
</html>

Contoh Sederhana Internal

<html>
<head>
<title> Internal File!! </title>
<style>
.mantan {background: #fff;}
</style>
</head>
<body>
<script>
var span=document.getElementsByTagName("span")[0];span.textContent="MANTANKODE",span.style.display="inline";
</script>
</body>
</html>

Disini lah maksud hasil uji coba saya dengan menggunakan ektensi ini, kerugian memasang JavaScript kedalam suatu file. ini menurut saya, apabila salah mohon dijelaskan.

Memasang eksternal js memang memiliki kegunaan tersendiri, terutama untuk menghindari membengkaknya resource hosting, maka dipasang lah diluar dengan menggunakan penyedia pihak kedua/ketiga.

Kerugian Memasang JavaScript ke file Mudah diblokir seperti yang akan saya jelaskan ini.

Bagaimana Jika 1 JavaScript digunakan oleh banyak orang?

salah satu contohnya yang menurut saya banyak digunakan diblog

pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
googletagservices.com/tag/js/gpt.js
jquery.min.js
google-analytics.com/analytics.js
cse.google.com/adsense/search/async-ads.js

Dari file JavaScript tersebut bisa diblokir penggunaannya kesemua blog yang menggunakan file tersebut dengan uBlock Origin.

maka apabila ada file js yang ada diblog anda dengan menggunakan url diatas, blog tidak akan berfungsi karena telah diblokir menggunakan ektensi seperti ini.

Berikut ini saya kasih contoh untuk memblokir eksternal file, sebenarnya tidak hanya untuk JavaScript aja, tetapi bisa berupa image,css, atau element

Tahap Penerapan Uji Coba

apabila belum memiliki ektensi tersebut bisa di unduh di Chrome WebStore atau Firefox Add-ons dan install dibrowser anda.

Silahkan buka dasbor uBlock Origin dan pilih tab Filter Saya

Buka Dashboard uBlock Origin - Kekurangan Memasang File Eksternal di Blog - mantankode

Filter Saya uBlock - Kekurangan Memasang File Eksternal di Blog - mantankode

Apabila anda ingin memblokir file berupa JavaScript

! 4/6/2020
||www.google-analytics.com/analytics.js$script

Apabila anda ingin memblokir file berupa Images (png,gif,webp,jpg)

! 4/6/2020 mantankode.net
||www.mantankode.net/assets/images/sampel.png$image

Apabila anda ingin memblokir file berupa CSS/stylesheet

! 4/6/2020 mantankode.net
||www.mantankode.net/assets/css/sampel.css$stylesheet

Selanjutnya anda hanya perlu klik Terapkan Perubahan. dan silahkan load kembali blog yang anda blokir js/css nya maka akan ada fungsi yang tidak berjalan dengan baik.

Apabila anda menggunakan safelink yang menggunakan link eksternal ada kemungkinan file tersebut juga akan tidak berfungsi apabila menggunakan cara ini.

Contoh apabila sudah terkena pemblokiran

ini tidak ada di list saya. sepertinya dari cloud uBlock

Contoh blokir - Kekurangan Memasang File Eksternal di Blog - mantankode

Oke mungkin segitu saja, akhirnya sudah enda kepikiran lagi untuk membuat artikel ini. hehe sudah tercurahkan semua disini

MANTANKODE

Widget HTML #1