Agar Blog Tidak Bisa dibuka dengan UC Browser

Salah satu peramban “anti iklan terbaik” patut disematkan kepada UC Browser. Bagaimana tidak, browser yang berasal dari China ini dengan sengaja menanamkan ekstensi Ad Blocker pada peramban tersebut.

Bagi pengguna aktif internet hal itu menjadi kabar baik, karena tidak akan ada iklan yang muncul di blog atau website yang dia buka.

Tetapi, sangat jelas berbanding terbalik buat para publisher, yang mencari pundi-pundi recehan dollar dari Google Adsense ataupun media periklanan lainnya. Karena iklan (apapun, termasuk iklan Adsense) tidak akan muncul saat dibuka dengan UCBrowser. Dengan demikian, mengurangnya penghasilan dari blog pun tidak dapat dihindari.

Selanjutnya: Mengatasi Penghasilan Google Adsense Menurun

Sebagai publisher (tukang tayang iklan di blog) tentu sangat mengharapkan agar pengguna internet tidak menggunakan browser Tiongkok itu, atau setidaknya mengharapkan sebuah cara agar saat blognya ketika dibuka dengan UC Browser, tidak akan tampil di browser tersebut, tetapi akan secara otomatis terbuka dengan peramban atau browser lainnya. Seperti Google Chrome, Mozilla, Opera Mini dan lainnya.

Namun, apa hendak dikata. Harapan tersebut harus pupus di tengah jalan. Harapan tinggallah harapan. Mengingat bahwa pengguna internet tidak dapat dikendalikan sedemikian rupa untuk tidak menggunakan UC Browser dan berpaling kepada browser lain. Apalagi jika mereka telah nyaman menggunakan browser buatan Jack Ma itu.

Tidak cukup sampai disitu, ternyata mengharapkan sebuah trik atau cara agar blog secara otomatis berpindah ke browser lain saat dibuka dengan UC Browser, tidak dapat dipenuhi. Karena cara semacam itu belum ada triknya atau scriptnya (untuk saat ini).

Melalui artikel ini saya hanya akan menyambungkan sebuah tips dari seorang bernama Triwiyadi a.k.a Neody tentang cara agar blog tidak dapat dibuka dengan UC Browser. Dengan kalimat lain, artikel di blog benar-benar di private untuk pengguna UC Browser. Ketika pengguna membuka blog dengan UC Browser, maka yang muncul adalah sebuah pesan berupa “permintaan dari pemilik blog” untuk meng-copy link artikel yang dia ingin baca tersebut, dan membukannya pada browser yang lain.

Kurang lebih akan seperti ini pesan yang bakal ditampilkan:

Tertarik menerapkannya? Berikut caranya

Salah satu cara, agar blog/website tidak bisa dibuka dengan UC Browser

Silahkan masuk ke blog, menuju ke Tema > Edit Tema. Lalu letakkan kode CSS berikut ini di atas kode </style>

#gaboleh h3{margin:15px}
#gaboleh input{border:none;outline:none;background:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:10px 0;text-align:center}
#gaboleh .js-copy-btn{width:50%;height:40px;line-height:40px;text-align:center;margin:15px auto 0;background:#4285f4;color:#fff;outline:none;border:none;display:block}

Juga, letakkan JavaScript berikut ini di atas kode </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<p id='gaboleh'/>
<script type='text/javascript'>
 //<![CDATA[
var cari = navigator.userAgent;
var dapet = cari.search("UCBrowser");
if(dapet>1) {
    var strs=document.URL;
    var urlnya= strs.replace("http://", "");
    var strings='<meta name="viewport" content="width=device-width, initial-scale=1.0"><h3><p>Maaf, website kami tidak dapat dibuka dengan baik jika menggunakan UCBrowser<br/><br/>Klik tombol PILIH di bawah ini, lalu salin/copy URL dan buka menggunakan browser lain (seperti Chrome, Opera, dll)</p><br/><br/><input type="text" class="teks" value="'+ document.URL  +'" size="50"/><br/> <button class="js-copy-btn">PILIH</button><br/></h3>';

    document.getElementById("gaboleh").innerHTML = strings;

var copyTextareaBtn = document.querySelector('.js-copy-btn');
copyTextareaBtn.addEventListener('click', function(event) {
  var copyTextarea = document.querySelector('.teks');
  //copyTextarea.select();
copyTextarea.selectionStart=0;
copyTextarea.selectionEnd=copyTextarea.value.length;
  try {
    var successful = document.execCommand('copy');
    var msg = successful ? 'successful' : 'unsuccessful';
    console.log('Copying text command was ' + msg);
  } catch (err) {
    console.log('Oops, unable to copy');
  }
});
   exit();
}
function exit( status ) {
    // http://kevin.vanzonneveld.net
    // +   original by: Brett Zamir (http://brettz9.blogspot.com)
    // +      input by: Paul
    // +   bugfixed by: Hyam Singer (http://www.impact-computing.com/)
    // +   improved by: Philip Peterson
    // +   bugfixed by: Brett Zamir (http://brettz9.blogspot.com)
    // %        note 1: Should be considered expirimental. Please comment on this function.
    // *     example 1: exit();
    // *     returns 1: null
    var i;
    if (typeof status === 'string') {
        alert(status);
    }
    window.addEventListener('error', function (e) {e.preventDefault();e.stopPropagation();}, false);
    var handlers = [
        'cut',
        'beforeunload', 'blur', 'change', 'contextmenu', 'focus', 'keydown', 'keypress', 'keyup', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'resize', 'scroll',
        'DOMNodeInserted', 'DOMNodeRemoved', 'DOMNodeRemovedFromDocument', 'DOMNodeInsertedIntoDocument', 'DOMAttrModified', 'DOMCharacterDataModified', 'DOMElementNameChanged', 'DOMAttributeNameChanged', 'DOMActivate', 'DOMFocusIn', 'DOMFocusOut', 'online', 'offline', 'textInput',
        'abort', 'close', 'dragdrop', 'load', 'paint', 'reset', 'submit', 'unload'
    ];
    function stopPropagation (e) {
        e.stopPropagation();
        // e.preventDefault(); // Stop for the form controls, etc., too?
    }
    for (i=0; i < handlers.length; i++) {
        window.addEventListener(handlers[i], function (e) {stopPropagation(e);}, true);
    }
    if (window.stop) {
        window.stop();
    }
    throw '';
}
//]]>
</script>
</b:if>

Simpan Tema.

Catatan:
Widget di atas hanya akan tampil pada device mobile saja, saat pengguna memakai UC Browser. Cara tersebut tidak berlaku untuk pengguna UC Browser device desktop.

Baca juga: Meta Tag SEO Friendly dan Valid HTML5 untuk Blogspot

Demikian info tentang cara agar blog tidak dapat dibuka dengan UC Browser (cara blokir UC Browser). Semoga bermanfaat. Jika berkenan, silahkan share artikel ini ke yang lainnya. Terima kasih.

Source: https://ads.id/forums/index.php?threads%2Fcara-gampang-ampuh-blokir-ucbrowser-dari-web-kita-dan-otomatis-pindah-ke-chrome-tanpa-hosting-h.254958%2F