Minggu, 28 Mei 2017

Cara Ampuh Menghindari Visitor dari UCBrowser di Smartphone

Saat ini banyak sekali sahabat blogger yang mengeluh karena berkurangnya pendapatan dan penghasilan dari blognya.

Sebenarnya akan banyak sekali faktor penyebab dari berkurangnya penghasilan yang didapat dari seorang penulis.

Dimulai dari perubahan Algoritma Google atau Kebijakan Adsense yang Semakin Diperketat bahkan bisa juga dikarenakan Blog tersebut ternyata De-Index dari Mesin Pencari dan menjadi salah satu faktor menurunnya penghasilan dari seorang penulis blog.


Cara Ampuh Menghindari UCBrowser di Smartphone

Saya sempat coba bertanya kepada beberapa sahabat yang juga tergabung dalam sebuah Group di Whatsapp Messenger bernama Blogger Indonesia.

Disini saya mendapatkan banyak suara tentang keluhan ini bahwa salah satu penyebabnya adalah UCBrowser yang memang dikenal sebagai Browser yang sangat baik dalam melakukan Blocking pada Iklan yang muncul.

Baca juga: Proteksi Gambar dari Plagiat


Maka dari itu Saya mencoba untuk mencari beberapa alternatif untuk mengatasi keluhan ini, salah satunya Cara Ampuh Menghindari UCBrowser.

Ini adalah salah satu cara agar setiap artikel yang akan dibaca oleh pengunjung, tidak bisa dibuka menggunakan UCBrowser karena akan muncul pemberitahuan bahwa Blog Kang Wira tidak dapat dibuka dengan baik menggunakan UCBrowser.

Kamu bisa lihat contohnya dengan klik tombol dibawah ini.

D E M O

Tertarik Memasangnya ?
Ikuti langkah-langkah dibawah ini


Pertama-tama pastikan kamu sudah melakukan login ke dalam blog, lalu salin kode CSS dibawah ini, dan letakkan tepat diatas kode </style>
#wirablock h3{margin:15px}
#wirablock 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}
#wirablock .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}

Selanjutnya salin kode JavaScript dibawah ini dan letakkan tepat diatas kode </head>
<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<p id='wirablock'/>
<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("wirablock").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 Template lalu lakukan test pada smartphone menggunakan UCBrowser
Trik diatas hanya bekerja pada UCBrowser versi Device Mobile saja dan tidak berjalan pada UCBrowser versi Desktop.
Untuk mencobanya, kamu harus membuka link di blog ini menggunakan UCBrowser pada Smartphone yang kamu punya.

Update: Saat ini Blog Kang Wira sudah tidak menggunakan Trik ini karena statistik kunjungan dari UC Browser sudah menurun drastis.

Baca juga: Nonaktifkan Klik Kanan Pada Artikel


Nah sekian dulu artikel kali ini tentang Cara Ampuh Menghindari UCBrowser di Mobile, jangan sungkan untuk bertanya jika kamu merasakan kesulitan dalam memahami tutorial diatas.