Cara Menampilkan Iklan khusus untuk Perangkat Mobile atau Desktop

WordPress adalah sebuah platform blogging yang memiliki beragam fitur untuk mempermudah pengguna untuk menambah konten pada websitenya. WordPress tidak hanya digunakan sekedar sebuah blog, namun juga banyak situs yang menggunakan WordPress sebagai website untuk berjualan atau sebuah berita sehari-hari. Satu-satunya hal yang membuat betah memakai WordPress adalah memiliki plugin yang sangat banyak dan bervariasi, sehingga pengguna bisa melakukan apapun yang ia inginkan dengan mencari dan memasang plugin secara gratis.

Memasang iklan pada WordPress juga bisa dibilang mudah karena beberapa layanan periklanan telah menyediakan plugin khusus untuk menempatkan iklan tersebut, tapi masih banyak sekali layanan periklanan yang tidak memiliki plugin untuk WordPress dan pengguna harus memasangnya secara manual. Masalahnya adalah jika ingin memasang iklan tersebut hanya pada situs web saja, dan pengguna saat ini menggunakan satu tema saja untuk PC dan Mobile karena tema terbilang responsive. Jadi bagaimana cara memasang iklan supaya hanya tampil pada Desktop atau Mobile saja?

Jawabannya adalah sangat sederhana, yaitu menggunakan bantuan plugin bernama Ad Inserter. Plugin inipun sudah pernah Saya buatkan review karena memiliki fitur yang sangat bagus dan terus diperbarui oleh pembuatnya. Satu-satunya fitur yang Saya sukai juga terletak dari penempatan iklan yang dapat diatur otomatis, dan juga bisa menampilkan iklan tersebut hanya pada Desktop atau Mobile. Dengan begitu pengguna tidak perlu lagi mengailhkan tema untuk melakukan hal ini dan cukup dengan memasang plugin Ad Inserter saja. Berikut ini tutorial lengkapnya.


  1. Pertama – tama masuk pada Dashboard WordPress, lalu pasang dan aktifkan plugin Ad Inserter.
  2. Selanjutnya silahkan menuju pengaturan Ad Inserter. Cukup tempel kode iklan pada kolom besar yang tertera disana.

    Cara Menampilkan Iklan Khusus Untuk Perangkat Desktop atau Mobile

  3. Jika sudah, klik pada tombol Device yang berada pada bawah kolom besar tadi.

    Cara Menampilkan Iklan Khusus Untuk Perangkat Desktop atau Mobile

  4. Dan akan muncul pengaturan lain dibawahnya untuk membuat iklan ini hanya tampil pada Desktop atau Mobile. Caranya adalah Centang pada pilihan Use client-side detection to show only on dan centang lagi pada perangkat mana yang akan ditampilkan, misalnya Desktop.

    Cara Menampilkan Iklan Khusus Untuk Perangkat Desktop atau Mobile

  5. Masih belum selesai, supaya lebih akurat, centang juga pada opsi Use server-side detection to show only on dan pilih pada perangkat mana yang akan ditampilkan iklannya.

    Cara Menampilkan Iklan Khusus Untuk Perangkat Desktop atau Mobile

  6. Jika sekiranya sudah, cukup tekan tombol Save All Settings.

    Cara Menampilkan Iklan Khusus Untuk Perangkat Desktop atau Mobile


Saya menyarankan untuk memilih kedua opsi yang tampil supaya lebih akurat dalam menampilkan iklan khusus diperangkat yang mana. Pada plugin Ad Inserter ini juga tersedia opsi untuk memilih iklan untuk ditampilkan pada tablet saja dan Saya rasa tablet masih termasuk perangkat mobile. Dan apabila pengguna menginginkan cara yang lebih manual dengan maksud mengalihkan tema langsung dari editor dan menginginkan cara ini tanpa menggunakan plugin, silahkan salin kode dibawah ini.


<?php
function isMobile() {
return preg_match("/(android|avantgo|blackberry|bolt|boost|cricket|docomo|fone|hiptop|mini|mobi|palm|phone|pie|tablet|up\.browser|up\.link|webos|wos)/i", $_SERVER["HTTP_USER_AGENT"]);
}

if(isMobile()){
echo 'Menampilkan iklan untuk perangkat Mobile';
}else{
echo 'Menampilkan iklan untuk perangkat Desktop';
}
?>

Kode PHP diatas sangatlah sederhana dan mungkin masih tidak bisa mendeteksi perangkat mobile sepenuhnya karena hanya sebatas dari User-Agent saja. Ada dua cara untuk mendeteksi perangkat mobile atau desktop, yaitu dari User-Agent atau dari ukuran layar yang digunakan. Tapi Saya rasa useragent saja sudah cukup. Jika ada yang ingin ditanyakan silahkan berkomentar.

Semoga bermanfaat dan Selamat mencoba

2 comments
    1. Mohon maaf untuk Blogspot tidak disediakan kodenya. Tapi sepertinya itu dapat dilakukan dengan Javascript, hanya saja mungkin hasilnya kurang efektif.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *