Mempercantik Tampilan Iklan Tautan dan Dapatkan CTR Lebih Tinggi

Artikel ini adalah jawaban dan permintaan dari Bos Budi Sanjaya dipos di IAPD, yang menanyakan bagaimana cara membuat tampilan ikan tautan teks Adsense seperti yang ada di PortalUang.

Saya sendiri telah melakukan banyak eksperimen mengenai penempatan dan tampilan text-link ads, dan sejauh ini tampilan yang saya gunakan sekarang ternyata mampu memberikan CTR tertinggi dibanding desain dan posisi sebelumnya.

Bagi Kamu yang belum memanfaatkan unit iklan tautan teks Adsense, sebaiknya segera memaksimalkannya, karena unit ini terbilang unik.

Ia tidak memberi penghasilan langsung ketika diklik pengunjung, melainkan membawa ke pengunjung ke halaman berisi iklan (landing page). Itulah mengapa saya bisa membuka halaman landing page di bawah ini tanpa harus melanggar kebijakan Adsense.

iklan text link adsense

Dan dari data yang saya peroleh, unit tautan teks memiliki nilai klik (BPK) rata-rata yang lebih besar dari unit banner biasa.

Karena itu,  Kamu harus memanfaatkannya jika belum. Unit ini juga tidak termasuk 3 unit konten, sehingga Kamu dapat menambahkan total 3 unit tautan teks dalam satu halaman.

Dan ini lah tampilan iklan tautan yang digunakan PortalUang:

iklan tautan PU

Cara membuatnya juga mudah sekali. Pertama, Kamu perlu menambahkan ID berikut pada style.css:

#iklanteks {
 background: #f2fff0 none repeat scroll 0 0;
 border: 3px solid #4BAFD9;
 width: auto;
 height: 48px; 
 padding: 10px;
 text-align: center; 
}

Kamu bisa menyesuaikan dengan desain/warna blog Kamu sendiri dengan mengganti kode warna background dan border. Tentu saja Kamu perlu sesuaikan warna pada unit iklan Kamu melalui dasbor Adsense.

Nah, sekarang tambahkan ID pada kode Adsense Kamu, sehingga menjadi seperti ini:

<div id="iklanteks">
<ins class="adsbygoogle"
  style="display:inline-block;width:468px;height:15px"
  data-ad-client="ca-pub-1234567890xxxx"
  data-ad-slot="123456789"></ins>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

Selesai!

Mudah sekali bukan? Silakan terapkan di blog Kamu, semoga mampu meningkatkan CTR dari iklan tautan teks Adsense yang Kamu gunakan.

Jika ada pertanyaan, silakan manfaatkan kolom komentar. Sukses selalu.

Salam.

Tampilkan Komentar

63 Komentar

  • Bos, ini bisa diterapkan juga untuk iklan tautan gak? Pengen merubah warna iklan tautan sesuai warna blog

  • Disini kami rasa pada penerapan coding berikut:

    (adsbygoogle = window.adsbygoogle || []).push({});

    Hnya di rubah bagian berikut:

    data-ad-client=”ca-pub-1234567890xxxx”
    data-ad-slot=”123456789″>

    Sehingga melanggar kebijakan privasi mbah Google.
    akan saya perjelas menyambung artikel mas Gee Jhon karena kalau seperti itu memang orang awam seperti saya bingung.

    Buka WP-admin
    Penyunting/edit

    cari: style.css

    copy dan paste code berikut:
    #iklanteks {
    background: #f2fff0 none repeat scroll 0 0;
    border: 3px solid #4BAFD9;
    width: auto;
    height: 48px;
    padding: 10px;
    text-align: center;
    }

    ke dalam style.css taruh bagian paling bawah biar gak bingung
    rubah code warna sesuai pilihan.

    kemudian pada bagian iklan anda hanya di suruh untuk memanggila dengan menggunakan code berikut:

    Code Iklan Google Adsense anda paste disini

    jadi fungsinya code tersebut hanya untuk memanggil CSS code yang telah di paste ke style.css

    Jadi cara di atas tidak ada sama sekali melanggar kebijakkan Google Adsense, lain halnya kalau yang di rubah code iklan Google Adsense yang anda dapatkan dari akun Adsense anda.
    Intinya code CSS di atas hanya untuk mempercantik iklan saja dan tidak untuk mengubah code Iklan Google Adsense yang sudah di berikan oleh Google. semoga memperjelas anda dalam menerapkannya.

  • Apakah sudah berfungsi scrip yg saya gunakan di atas mas, ini coding di atas saya tahur di style.css bagian bawah terus

    Iklan Adsense disini!

    begitu cara saya menerapkannya apakah salah.
    berikut hasilnya: i.prntscr.com/15cb021b8760403e9ed7612547246f2b.png

  • Mas gee jhon, mau tanya dong, itu code CSS nya di taruh di sebelah mana stlye.css? atas bawah tengah atau basing mas?

  • Melanggar TOS Adsense boss!, saya ikuti petunjuk di atas dan menerapkannya di salah satu website, besoknya malah kena semprot tim adsense, untung saja masih bisa diresolve. .

    You can’t add a shaded border around the adsense ads, the only border you can add is the one allowed when you setup the ad code in your account – that border is just the basic line border. You aren’t allowed to alter the ad code in any way.

    You cannot use a to wrap a border around it either. If you do it will be classed as bringing attention to the ads and will lead to your account being disabled.

    • sayang sekali saya tidak bisa melihat hasil tampilan yg diterapkan oleh bos Aries. Namun, sy terapkan ini hampir satu tahun, dan tidak menerima teguran atau apapun. Dan ya,,, saya tidak merubah kode adsense sedikit pun, hanya mempercantik tampilan background, ini sama saja dengan memberi warna background berbeda pada iklan teks adsense, dan itu tidak melanggar sama sekali.

      • duh gimama nih, adsense saya perhari dapat 2 ribuan. paling tinggi 5rb.
        tadi pagi iklan tautan tak kasih bingkai dan sorenya tiba-tiba dah tembus diatas 10rb. kira2 melanggar gak ya??

  • Sebelumnya terimakasih mas gee john atas artikelnya ..saya sdh coba kodenya dan berhasil di blog saya ..nah saya mau tanya klo kode iklan yang beformat 200×90 bgaimana ya penerapanya ?
    terimakasih ..

  • Selamat siang gan, mau nanya donk, gimana ya buat biar bisa iklannya kaya punya agan seperti ss ini : prntscr.com/a1pu4s
    thanks gan

  • mas kalo memasang iklan ads seperti blog ini yang terdapat pada tata letak diatas KATEGORI PORTAL-UANG itu bagaaimana ya mas
    mohon trik nya mas 😀

  • Mas Gee Jhon, apakah tips di atas tidak melanggar TOS adsense? karena merubah kode / tampilan adsense? Makasih…

  • Walah ternyata BPKnya besar mas, kalau begitu saya coba pasang juga deh
    siapa tau bisa ningkatin penghasilan, makasih infonya mas

  • thxx udah saya coba,, tapi kok cuma bisa dipake untuk adsense yang text panjang,, klo untuk text kotak ukuran 160×90 seperti yang di tengah artikelnya mas gejon gimana?

  • Mungkin ane bisa bantu sedikit modifikasi untuk yang pakai blogspot.

    ——–Kode iklan disini————-

    ini bisa juga dipakai di wordpress.

  • Mas itu cara nerapkan kode iklan dengan kode bingkainya bagaimana ?
    apakah kode iklan dipaste sebelum tanda } atau seduahnya tanda } ?

  • mantap tutorialnya bang,, kecantikan iklan-iklan saya meningkat setelah menggunakan tips ini. semoga nanti CTR-nya juga ikutan lebih cantik.

  • Terima kasih tutorialnya bang
    tampilan iklan tautan jadi lebih menarik
    dan maaf sebelumnya (ijinnya telat), pengalaman saya bereksperimen dengan tutorial ini saya jadikan artikel di blog saya.
    salam sukses selalu…

  • saya cobain ternyata baguss, ternyata cpcnya gede juga walaupun jarang yg ngeklik :D.
    kalo diliat dr versi mobilenya jadi gaberaturan itu gimana

  • mas Gee maaf kalau pertanyaan ku ini oot.

    jadi gini mas, kan blog ku ada beberapa artikel yang isinya review aplikasi di google play, nah di akhir artikel itu aku sertakan link aktif yang menuju ke halaman aplikasi di google play.
    Nah pertanyaannya, apa artikel tsb melanggar kebijakan adsense? Mohon penjelasannya mas. Makasih 🙂