Blogger Conditional Tags dengan data:view.pageId dan data:view.postId

 Bagi yang masih kesulitan dalam penerapan tag kondisional untuk page dan post tertentu yang tidak bekerja atau mengalami error, bisa mencoba cara ini.

Blogger Conditional Tags dengan data:view.pageId dan data:view.postId

Yaitu dengan langsung memanfaatkan ID pada masing-masing post dan page, yang biasanya dipanggil menggunakan data global <data:blog.pageId/> dan <data:blog.postId/>.

Masalah dalam Penggunaan Conditional Tags pada Page / Post Tertentu

Masalah umum yang sering terjadi saat menerapkan tag kondisional untuk halaman tertentu diantaranya adalah sebagai berikut.

  • Tidak muncul sama sekali.
  • Berhasil pada tampilan desktop tetapi gagal pada tampilan mobile.

Masalah error tersebut seringkali terjadi pada kondisi pengecualian, yang biasanya ditulis dengan seperti ini:

<b:if cond='data:view.isHomepage or data:view.isPage and data:view.url != data:blog.homepageUrl.canonical path &quot;p/about.html&quot; and data:view.url != data:blog.homepageUrl.canonical path &quot;p/contact.html&quot;'>

Atau seperti ini:

<b:if cond='data:blog.url != data:blog.canonicalHomepageUrl + &quot;p/page.html&quot;'> 

<b:if cond='data:blog.url != data:blog.canonicalHomepageUrl + &quot;2015/04/post.html&quot;'>

<b:if cond='data:view.isPage and !data:view.url.canonical contains "/p/test-page-"'>


Cara Menerapkan Conditional Tags data:view.pageId dan data:view.postId

Sebagai contoh, pada tutorial ini misalnya Anda ingin menyembunyikan kode iklan Adsense pada Page atau Post tertentu.

Maka langkah-langkahnya kurang lebih seperti berikut ini.

Terlebih dahulu, silahkan buka blog editor Page atau Post yang diinginkan.

Lalu perhatikan URLnya, lokasi pageId atau postId adalah seperti yang diseleksi pada gambar di bawah ini:

Cara Menerapkan Conditional Tags data:view.pageId dan data:view.postId

Pisahkan antara pageId dan postId yang ingin dikondisikan tersebut. 

Setelah itu silahkan buka tema editor, dengan mengklik menu Theme > Edit HTML.

Kemudian ikuti contoh penerapannya seperti berikut ini.

Page (Halaman)

Misalnya kode iklan ingin disembunyikan pada halaman 'About' dan 'Contact', dengan masing-masing pageId dari halaman tersebut adalah '123456789' dan '987654321' maka cara penerapannya adalah seperti ini:

<b:if cond='data:view.isHomepage or data:view.isPage and !(data:view.pageId in [123456789, 987654321])'>
<!-- kode iklan Adsense disini -->
</b:if>

Post (Postingan)

Dan untuk menyembunyikan kode iklan pada postingan tertentu, Anda bisa menggunakan tag kondisi seperti ini:

<b:if cond='data:view.isHomepage or data:view.isPost and !(data:view.postId in [1223334444, 5667778888, 999999999])'>
<!-- kode iklan Adsense disini -->
</b:if>

Lanjutan: Blogger Conditional Tags URL Contains

Demikian, semoga bermanfaat dan berhasil diterapkan.

Sumber: https://support.google.com/blogger/thread/271332217/how-to-use-conditional-tags-properly?hl=en

3 komentar

  1. Profil:https://www.blogger.com/profile/05579029023215425612
    kalau kondisional label tertentu gimana bung? misalkan label tertentu tidak dimunculkan di popular post
    • Profil:https://www.blogger.com/profile/13162875744493565460
      belum tau gan, belum coba bikin yg seperti itu
    • Profil:https://www.blogger.com/profile/05579029023215425612
      percaya deh sama mastah
  • Gunakan fitur Format Kode untuk menulis atau menyisipkan kode dan gambar dengan format tertentu.
  • Centang Beri Tahu Saya untuk mendapatkan notifikasi via Email ketika ada balasan.
  • Apabila ada pertanyaan di luar artikel silahkan telusuri atau bertanya lewat .
  • Untuk menyisipkan gambar, silahkan upload gambar terlebih dahulu. Lalu salin URL Gambar tersebut, paste ke kolom di bawah ini, lalu klik tombol Image.
  • Untuk menyisipkan Potongan Kode, atau Quote, paste kode tersebut ke kolom di bawah ini, lalu klik tombol pre, code, atau quote.
  • Untuk menulis kode dalam Syntax Highlighter gunakan format kode panjang.
  • Setelah itu, salin atau copy hasil parse dengan klik tombol icon Salin Kode! lalu paste ke kolom komentar.

image quote pre code