Beranda » Trik » Membuat iklan muncul sesuai dengan kategori posting

Membuat iklan muncul sesuai dengan kategori posting

Membuat iklan muncul sesuai dengan kategori posting

Trik ini masih menggunakan tag Conditional yang telah saya tulis sebelum untuk "Membuat tampilan template berbeda dengan tag Conditional" dalam setiap kategori, perbedaannya hanya syntax atau exsekusi yang di tujukan adalah sebuah element. dengan mengatur munculnya iklan sesuai kategori akan membuat pengunjung lebih mudah mlihat iklan anda terutama untuk template toko online.

Contoh seperti ini: Anda mempunyai beberapa iklan banner. Masing-masing iklan banner tersebut berbeda target pengunjungnya, misal iklan banner satu target pengunjungnya seputar ekonomi, iklan banner dua target pengunjungnya seputar politik maka iklan banner yang kesatu hanya ingin muncul pada kategori ekonomi, dan banner yang kedua ingin muncul hanya pada kategori politik.

Hal-hal yang dicontohkan diatas bisa sobat coba lakukan dengan kode if conditional category seperti di bawah ini:

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;kategori satu&quot;'>
Kode iklan 1 yang diinginkan
<b:else/>
<b:if cond='data:label.name == &quot;kategori dua&quot;'>
Kode iklan 2 yang diinginkan
</b:if>
<b:else/>
<b:if cond='data:label.name == &quot;kategori tiga&quot;'>
Kode iklan 3 yang diinginkan
</b:if>
</b:if>
</b:loop>

Di atas adalah tag conditional yang memuat tiga contoh kategori yang masih kosong. kemudian simak contoh di bawah ini:

Contoh Pertama

Iklan google adsense hanya muncul pada saat kategori uang di kunjungi, selain kategori itu yang muncul adalah iklan tokobaguscom :

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;uang&quot;'>
Kode iklan adsense yang ada
<b:else/>
Kode iklan tokobaguscom
</b:if>
</b:loop>

Contoh kedua

Iklan google adsense tidak ingin muncul khusus pada saat kategori blogger dikunjungi :

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;blogger&quot;'>
<b:else/>
Kode iklan adsense yang ada
</b:if>
</b:loop>

Praktek sedikit untuk memperjelas trik ini:

Saya memiliki dua banner yang berbeda { lihat gambar di bawah }

Kemudian, saya ingin memunculkan banner pertama hanya pada kategori teknologi dan banner kedua pada kategori kuliner, maka kode tag conditional yang saya buat adalah:

untuk kode banner:

<a href='http://www.yuuhu.info/' title='gadget yuuhu'><img alt='gadget info' border='0' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyAIRYbdkk6gYySiow5HbDVgCfcY73ZLL8xwgEmGDf7SjooD03XB-5BisqsBnKUW0r2G9hi6jLdlUZmCH5_KIheBRhAPB1gwuQ00IWjj1KaXOpXzGQB5QbiqEC0NliC-zGxSJd_tq0i_4/s1600/gadget.png' /></a>

<a href='http://www.yuuhu.info/' title='Kuliner Yuuhu'><img alt='kuliner yuuhu' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5DTWQ66r9vdlycDHKdPlgT7jjqsIwe1co8o40NlsWtW02HdKO40JWK-Gm6JWCnYS_-p0n2Id1puJOTtdPESTJGjErXNfWwqC-deEU0NSapQLmoRZU1jobib7E61pI1kd8zBeUL2_3fbs/s1600/kuliner.png' /></a>

untuk kode tag conditionalnya seperti berikut:

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;teknologi&quot;'>
<a href='http://www.yuuhu.info/' title='gadget yuuhu'><img alt='gadget info' border='0' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyAIRYbdkk6gYySiow5HbDVgCfcY73ZLL8xwgEmGDf7SjooD03XB-5BisqsBnKUW0r2G9hi6jLdlUZmCH5_KIheBRhAPB1gwuQ00IWjj1KaXOpXzGQB5QbiqEC0NliC-zGxSJd_tq0i_4/s1600/gadget.png' /></a>
<b:else/>
<b:if cond='data:label.name == &quot;kuliner&quot;'>
<a href='http://www.yuuhu.info/' title='Kuliner Yuuhu'><img alt='kuliner yuuhu' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5DTWQ66r9vdlycDHKdPlgT7jjqsIwe1co8o40NlsWtW02HdKO40JWK-Gm6JWCnYS_-p0n2Id1puJOTtdPESTJGjErXNfWwqC-deEU0NSapQLmoRZU1jobib7E61pI1kd8zBeUL2_3fbs/s1600/kuliner.png' /></a>
</b:if>
</b:if>
</b:loop>

Langkah selanjutnya adalah untuk menentukan iklan itu akan disimpan di element mana? Sebagai contoh iklan tersebut ingin ditempatkan diatas posting dan hanya muncul pada single post (di halaman depan tidak muncul), maka kode tag conditional yang sesuai adalah seperti berikut:

<b:if cond='data:blog.pageType == "item"'>
<p>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;teknologi&quot;'>
<a href='http://www.yuuhu.info/' title='gadget yuuhu'><img alt='gadget info' border='0' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyAIRYbdkk6gYySiow5HbDVgCfcY73ZLL8xwgEmGDf7SjooD03XB-5BisqsBnKUW0r2G9hi6jLdlUZmCH5_KIheBRhAPB1gwuQ00IWjj1KaXOpXzGQB5QbiqEC0NliC-zGxSJd_tq0i_4/s1600/gadget.png' /></a>
<b:else/>
<b:if cond='data:label.name == &quot;kuliner&quot;'>
<a href='http://www.yuuhu.info/' title='Kuliner Yuuhu'><img alt='kuliner yuuhu' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5DTWQ66r9vdlycDHKdPlgT7jjqsIwe1co8o40NlsWtW02HdKO40JWK-Gm6JWCnYS_-p0n2Id1puJOTtdPESTJGjErXNfWwqC-deEU0NSapQLmoRZU1jobib7E61pI1kd8zBeUL2_3fbs/s1600/kuliner.png' /></a>
</b:if>
</b:if>
</b:loop>
</p>
</b:if>

Kode tersebut harus ditempatkan persis diatas kode <data:post.body/>.
Dan simpan. semoga berguna dan bermanfaat...

Membuat iklan muncul sesuai dengan kategori posting

Belum ada tanggapan untuk "Membuat iklan muncul sesuai dengan kategori posting"

Post a Comment