Mengakali Penempatan Iklan Otomatis Di Tengah Postingan Pada Blog Amp

Sebenarnya ini bukan benar-benar menempatkan iklan di dalam postingan AMP, tetapi terlihat seperti iklan berada di dalam postingan blog AMP. Kita dapat membuatnya seperti iklan berada sesudah paragraf pertama, kedua, atau ketiga.

Untuk membuatnya menyerupai itu, kita memanfaatkan deskripsi penelusuran yang ditampilkan di atas postingan dengan iklan di bawahnya. Makara iklan yang berada di bawah deskripsi penelusuran dan di atas postingan akan terlihat seolah berada di dalam postingan.

Untuk demonya dapat dilihat pada halaman postingan ini.

Jadi, selain menciptakan deskripsi untuk penelusuran, juga sebagai paragraf di dalam postingan. Makara secara sederhana saya gambarkan aba-aba HTML menyerupai di bawah ini.

 <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<b:if cond='data:blog.metaDescription'>
<div class='iklan-ataspost'>
<!-- aba-aba Iklan di atas post letakkan di sini -->
<amp-ad data-ad-client='ca-pub-1234567890' data-ad-slot='1234567890' height='100' layout='fixed-height' type='adsense'>
</amp-ad>
</div>
<p class='desc-post'><data:blog.metaDescription/></p>
</b:if>

<div class='iklan-tengahpost'>
<!-- aba-aba Iklan di tengah post letakkan di sini -->
<amp-ad data-ad-client='ca-pub-1234567890' data-ad-slot='1234567890' height='100' layout='fixed-height' type='adsense'>
</amp-ad>
</div>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot; or data:blog.pageType == &quot;static_page&quot;'>
  <data:post.body/>
</b:if>
      <div class='clear'/> <!-- clear for photos floats -->
</div>

Makara iklan di atas postingan, paragraf dari deskripsi penelusuran, dan iklan di tengah postingan berada di dalam tag post-body dan disimpan di atas <data:post.body/>.

Iklan di atas postingan dan paragraf dari deskripsi penelusuran berada di dalam tag condition metaDescription dan iklan di tengah postingan berada di bawahnya (tidak di dalam tag condition metaDescription). Makara dikala postingan tidak mempunyai deskripsi penelusuran maka iklan di atas postingan dan paragraf dari deskripsi penelusuran tidak akan muncul. Namun iklan di tengah postingan akan tetap muncul di atas artikel (menjadi iklan di atas postingan yang tidak mempunyai deskripsi penelusuran).

Agar muncul deskripsi penelusuran postingan, maka deskripsi penelusuran harus diaktifkan menyerupai berikut:



Untuk menciptakan deskripsi penelusuran postingan menjadi tampil mempunyai paragraf, gunakan aba-aba <br /><br /> untuk menciptakan paragraf menyerupai pada gambar di atas, silahkan perhatikan dskripsi penelusurannya.

Bagaimana, gampang bukan? Selamat mencoba.

Sebenarnya kita dapat dengan gampang menyimpan iklan di tengah postingan dengan menempatkan aba-aba iklan secara manual setiap kali menciptakan postingan tanpa harus repot-repot membuatnya menyerupai postingan ini. Namun nantinya kita akan repot dikala akan mengganti aba-aba iklan alasannya kita harus edit postingan satu per satu.

Namun dengan cara ini iklan akan otomatis muncul di semua postingan, jadi dikala akan mengganti aba-aba ikln cukup dilakukan di edit HTML tanpa harus mengedit semua postingan.

0 Response to "Mengakali Penempatan Iklan Otomatis Di Tengah Postingan Pada Blog Amp"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel