Setelah membuat Iklan dalam feed, langkah berikutnya adalah menempatkan kode di dalam HTML feed.
Lokasi penempatan kode iklan In-feed
Tempatkan kode iklan In-feed di antara konten feed, atau pada awal atau akhir feed. Anda dapat melakukannya dengan mengedit langsung kode HTML feed, atau jika Anda menggunakan Sistem Pengelolaan Konten (CMS), Anda mungkin dapat menggunakan plugin untuk menyisipkan kode.
Contoh penyiapan iklan In-feed akan terlihat seperti berikut ini:
Blok konten 1: |
|
Blok konten 2: |
|
Iklan In-feed native: |
|
Blok konten 3: |
|
Blok konten 4: |
Cara menempatkan iklan In-feed
Biasanya, CMS akan memiliki 1) database yang berisi konten dan 2) kode yang menjalankan konten secara berulang sehingga membuat feed. Anda dapat menemukan kode ini di file template, yang akan disimpan di folder template CMS (terkadang disebut folder tema).
Mengubah kode di file template
Untuk menempatkan iklan In-feed, ubah kode di file template seperti ini:
- Buka file template halaman tempat feed berada.
- Temukan pengulangan yang membuat feed. (Petunjuk: Kode pengulangan kemungkinan besar akan berisi perintah "while" atau "for each".)
- Ubah kode pengulangan untuk menyisipkan Iklan dalam feed ke feed, terutama:
- Jika pengulangan tidak memiliki penghitung, tambahkan penghitung untuk mengatur frekuensi Iklan dalam feed disisipkan.
- Tambahkan pernyataan "if" di dalam pengulangan untuk menampilkan Iklan dalam feed sesuai frekuensi yang Anda tentukan di penghitung.
Kami menyediakan beberapa kode pseudo di bawah. Kode Anda akan memiliki struktur yang mirip dengan kode pseudo ini, tetapi, bergantung pada bahasa pemrograman yang digunakan, penerapan sebenarnya mungkin berbeda.
Posts[] posts;
Var count=1; // Jika kode Anda tidak menyertakan penghitung, tetapkan penghitung
While (count < posts.length) // Tingkatkan nilai "count" sebesar 1 hingga postingan terakhir dalam database
{
If (count%3=0) //Jika nilai "count" sama dengan 3 atau 6 atau 9, sisipkan iklan
{
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous">
</script>
<ins class="adsbygoogle" style="display:block"
data-ad-format="fluid"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
}
<h3>{{ post.title }}</h3> // untuk semua nilai 'count', sisipkan judul blok konten
<p>{{ post.body }}<p> //Sisipkan isi blok konten
<img src="{{ post.thumbnail}}"> //Sisipkan gambar blok konten
}
Penting
Pastikan Anda menempatkan kode iklan di dalam penampung induk (<div>
, <iframe>
, dll.) yang memiliki hal berikut:
- Lebar yang valid. Jika Anda menempatkan kode iklan di dalam penampung induk yang tidak memiliki kumpulan lebar yang eksplisit, misalnya, di elemen mengambang, iklan tidak akan ditampilkan. Kami menggunakan lebar penampung induk untuk menghitung lebar iklan Anda. Perhatikan bahwa lebar minimum iklan In-feed adalah 250 piksel.
- Tinggi yang dapat divariasikan. Jika Anda menempatkan kode iklan di penampung induk dengan tinggi tetap, iklan mungkin akan terdistorsi.