Amankan kode adsense dengan tag < code >

Masalah dengan adsense ads

Sejak terlibat adsense dari 2010, saya tidak mengalami kesulitan untuk memasukkan kode adsense ke halaman situs. Kode adsense secara umum terlihat sebagai berikut :

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– Ad_Slot-Top-300×250 –>
<ins class=”adsbygoogle”
style=”display:inline-block;width:300px;height:250px”
data-ad-client=”ca-pub-0xxxxxxxxxxxxxxx”
data-ad-slot=”9xxxxxxxxx”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Tinggal copy kode adsense, lalu paste ke tiap halaman dan iklanpun akan muncul.

Namun 1 minggu ini saya menemukan kejadian yang cukup membingungkan. Kejadian tersebut adalah tidak muncul nya ad sebagai berikut :

Saya memiliki 2 situs A dan B. Dibuat menggunakan WordPress. Dipasang plugin yang jumlah plugin serta settingnya sangat mirip di kedua situs. Juga menggunakan tema (theme) yang sama. 

Keanehan seperti diatas juga pernah dialami oleh orang lain yang saya baca di Adsense Help Forum :

Adsense ads not shown in Chrome

Hanya saja, solusi yang dijelaskan di forum tersebut sama sekali tidak bisa diaplikasikan ke situs saya karena situs saya tidak menggunakan https.

Penelusuran penyebab tidak munculnya adsense ads

Beberapa hari saya pusing mencari penyebabnya. Saya mencoba membuka source code dari halaman situs yang tidak memunculkan ads melalui menu view source code yang ada di Chrome. Saya dapati bahwa Javascript pada kode adsense menjadi berubah alias rusak.

<script src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js” async=””></script>
<!– Ad_Slot-Top-300×250 –>
<p>&nbsp;</p>
<script>// <![CDATA[
(adsbygoogle = window.adsbygoogle || []).push({});
// ]]></script>

yang seharusnya :

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– Ad_Slot-Top-300×250 –>
<ins class=”adsbygoogle”
style=”display:inline-block;width:300px;height:250px”
data-ad-client=”ca-pub-0xxxxxxxxxxxxxxx”
data-ad-slot=”9xxxxxxxxx”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Apa yang merubah kode adsense ?

Sepertinya ini terkait dengan aktifitas minifikasi ( minify ) yang kurang sensitif alias kurang sempurna dalam menangani kode adsense sehingga kode adsense malah jadi rusak. Beberapa hal berikut dapat merubah kode adsense :

1. Editor WordPress. Saya lakukan tes dengan langsung memasukkan kode adsense melalui editor WordPress dalam mode text ( html ). Ternyata editor WordPress merubah kode adsense. Di WordPress saya pasang plugin TinyMCE Advance. Entah apakah plugin ini yang merubah atau memang murni editor WordPress yang merubahnya.
2. Cache plugin. Saya juga memasang W3 Total Cache di WordPress. Plugin ini menyediakan pilihan untuk proses minify. Saya menduga mungkin ini juga berpengaruh.

Namun saya tetap tidak menemukan penyebab kenapa hanya terjadi di salah satu situs saja, padahal secara hampir keseluruhan setup kedua situs A dan B sama.

Solusi untuk mengamankan kode adsense

Untuk menghindari modifikasi atau perubahan dalam proses minify terhadap kode adsense, saya menggunakan tag <code>. Tag ini saya tambahkan untuk membungkus kode adsense sebagai berikut :

Sejauh ini, keanehan seperti saya jelaskan diatas sudah tidak muncul.