3.2 Iklan, WhatsApp, Proteksi, SEO, dan Mengatasi Kode yang Tidak Muncul

Materi terakhir menyatukan fitur lanjutan: iklan, tombol WhatsApp, proteksi salin, Next Post, perapian SEO, dan cara mengatasi kode yang tidak muncul. Kode lisensi sudah Anda pasang di Materi 1.1.

Dalam Materi Ini

1. 1Iklan dan Konfigurasi AdSense
2. 2Tombol WhatsApp
3. 3Proteksi salin
4. 4Next Post
5. 5Percepatan halaman
6. 6Perapian SEO
7. 7SEO yang realistis
8. 8Kalau tidak muncul

Gambar 1. Cara kerja fitur modul: halaman dibuka, lisensi dicek, modul dimuat, fitur muncul.

IntisariHero, WhatsApp, proteksi, Speed, SEO, dan iklan Next Post adalah fitur modul. Semuanya butuh lisensi aktif dan muncul 1 sampai 3 detik setelah halaman terbuka.

Iklan dan Konfigurasi AdSense

Iklan adalah sumber penghasilan situs berita. Ada dua cara: memasang manual di bagian tertentu, atau mengisi ID unit sekali dan membiarkan template menempatkannya otomatis.

Letakkan diTata Letak → Header ADS, Post ADS 1 (sebelum isi), Post ADS 2 (sesudah isi), Post ADS 3 (akhir artikel), Footer ADS, dan Konfigurasi AdSense (Kode)

Gadget iklan manual: tempel kode iklan atau gambar banner di bagian yang diinginkan. Judul {ads} menyembunyikan judul gadget. Konfigurasi AdSense mengisi ID unit iklan sekali, lalu template menempatkan iklan otomatis di posisi yang tepat.

Kode siap tempel

Judul gadget iklan:  {ads}

<script>(function(c,u){for(var k in u)if(u[k]!=='')c[k]=u[k]})(window.AKSARA_ADS=window.AKSARA_ADS||{},{client:'ca-pub-1234567890123456',top:'',article:'1111111111',end:'2222222222',sidebar:'3333333333',sidebarEnd:'',feed:'4444444444',footer:'',maxArticle:2});</script>

Langkah

1. Manual: tambah gadget HTML/JavaScript di Post ADS 1, 2, atau 3 (atau Header/Footer ADS), isi Judul {ads}, tempel kode iklan, Simpan.
2. Otomatis: buka Konfigurasi AdSense (Kode) → Edit, ubah teks di antara tanda kutip: client diisi ID penerbit (ca-pub-...), lalu ID slot tiap posisi. Jangan hapus tag <script>.
3. Posisi yang dibiarkan kosong tidak ditampilkan.

Arti tiap bagian kode

Bagian	Artinya
client	ID penerbit AdSense.
top, article, end	Slot atas artikel, di dalam artikel, dan akhir artikel.
sidebar, sidebarEnd	Slot iklan di sidebar.
feed	Slot di daftar artikel beranda (setelah kartu ke-3 dan ke-8).
footer	Slot di footer.
maxArticle	Jumlah iklan maksimal di dalam artikel (bawaan 2, batas 4).

CatatanIklan otomatis hanya tampil di artikel yang cukup panjang. Jangan menumpuk iklan manual dan otomatis di posisi yang sama.

Tombol WhatsApp Melayang

Tombol ini membuat pembaca bisa langsung menghubungi Anda.

Letakkan diTata Letak → Footer Left (atau bagian footer lain yang tampil di semua halaman) → gadget HTML/JavaScript

Tombol hijau bulat di pojok kanan bawah yang membuka WhatsApp ke nomor Anda dengan pesan awal. Saat kursor diarahkan, tombol memanjang dan menampilkan label. Gelembung sapaan muncul sekali per sesi dan bisa ditutup. Denyut cahaya hanya 3 kali supaya ringan di laptop lama.

Kode siap tempel

<div hidden>{getWhatsApp} $number={081234567890} $text={Halo, saya baca [judul] [url]} $greeting={Halo! Ada yang bisa kami bantu?}</div>

Langkah

1. Tambahkan gadget HTML/JavaScript di Footer Left, kosongkan Judul.
2. Ganti nomor dengan nomor WhatsApp Anda, lalu tempel kode di Konten dan Simpan.
3. Untuk mematikan tanpa menghapus, tambahkan $status={off} setelah {getWhatsApp}.

Arti tiap bagian kode

Bagian	Artinya
$number	Nomor WhatsApp (wajib). Angka 0 di depan otomatis menjadi 62.
$text	Pesan awal. [judul] dan [url] diganti judul dan alamat halaman.
$greeting, $delay	Teks gelembung sapaan dan jeda munculnya dalam detik. Tanpa $greeting, gelembung tidak tampil.
$label, $color	Teks label dan warna tombol (kode hex).
$position, $bottom	right atau left, dan jarak dari bawah dalam piksel (bawaan 76).
$show	all (semua halaman), home, atau post.
$status	on atau off.

Gambar 2. Tombol dengan gelembung sapaan

Gambar 3. Saat kursor diarahkan

Proteksi Salin Artikel

Proteksi menghalangi penyalinan teks artikel secara biasa dan bisa dinyalakan atau dimatikan kapan saja.

Letakkan diTata Letak → Footer Left (atau bagian footer lain yang tampil di semua halaman) → gadget HTML/JavaScript

Menghalangi menyalin teks artikel: salin, potong, klik kanan, seret gambar, dan seleksi teks di badan artikel (termasuk artikel Next Post). Pengunjung yang mencoba melihat pemberitahuan singkat.

Kode siap tempel

<div hidden>{getProtect} $status={on}</div>

<div hidden>{getProtect} $status={off}</div>

Langkah

1. Tambahkan gadget HTML/JavaScript di Footer Left dan tempel kode $status={on}.
2. Untuk mematikan, ganti menjadi $status={off} atau hapus gadgetnya.
3. Bagian yang tetap boleh disalin (misalnya kode atau nomor rekening): beri class="allow-copy" di mode HTML, contoh <span class="allow-copy">ABC-123</span>.

Arti tiap bagian kode

Bagian	Artinya
$status	on aktif, off mati.
$scope	article (bawaan, hanya isi artikel) atau all (seluruh halaman).
$notice	Mengganti teks pemberitahuan.

Gambar 4. Pemberitahuan saat pengunjung mencoba menyalin

CatatanProteksi ini hanya menghalangi salin biasa. Tangkapan layar, lihat sumber halaman, mode baca browser, dan mematikan JavaScript tetap bisa mengambil isi. Pengunjung biasa juga tidak bisa menyalin apa pun di artikel, jadi pertimbangkan dampaknya.

Next Post: Artikel Berikutnya Otomatis

Next Post memuat artikel berikutnya saat pembaca menggulir, sehingga pembaca betah.

Letakkan diTata Letak → Pengaturan: Sidebar dan Next Post (1 gadget). Opsional: Widget Antar Artikel (Next Post) (maksimal 3 gadget, tampil di bawah garis pembatas antar artikel)

Saat pembaca menggulir ke bawah, artikel berikutnya dimuat otomatis di bawahnya. Fitur ini mati sampai gadget pengaturan memuat kata on. Post ADS 1 dan 2 ikut tampil di tiap artikel berikutnya, dan setiap artikel dihitung sebagai satu tayangan setelah berada di tengah layar sekitar 1,2 detik.

Kode siap tempel

on $max={5}

on $max={5} nextbanner=hide

on $max={5} nextga=on

Langkah

1. Buka Pengaturan: Sidebar dan Next Post → Edit → tulis on $max={5} → Simpan.
2. Opsi tambahan ditulis di gadget yang sama, dipisah spasi (lihat tabel).
3. Hindari kata off, mati, nonaktif (mematikan Next Post) dan left, kiri, none, tanpa (mengubah posisi sidebar), kecuali memang itu tujuannya.

Arti tiap bagian kode

Bagian	Artinya
on	Menyalakan Next Post. Hapus kata ini atau tulis off untuk mematikan.
$max={5}	Jumlah artikel berikutnya (1 sampai 10, bawaan 10).
nextbanner=hide	Sembunyikan Post ADS 1 dan 2 di artikel berikutnya. Tanpa opsi ini iklan tampil.
nextadsense=hide	Sembunyikan hanya unit AdSense di sana; banner biasa tetap tampil.
nextview=no	Matikan penghitungan view artikel berikutnya.
nextga=on	Kirim event page_view ke Google Analytics 4 untuk tiap artikel berikutnya.

Percepatan Halaman

Dua pengaturan kecil agar perpindahan halaman terasa lebih cepat.

Letakkan diTata Letak → Footer Left (atau bagian footer lain yang tampil di semua halaman) → gadget HTML/JavaScript

Dua pengaturan kecil agar perpindahan halaman terasa lebih cepat. Template sudah punya banyak optimasi bawaan, jadi modul ini hanya menambah dua hal yang belum ada.

Kode siap tempel

<div hidden>{getSpeed} $status={on}</div>

<div hidden>{getSpeed} $status={on} $prefetch={on} $preconnect={off}</div>

Langkah

1. Tambahkan gadget HTML/JavaScript di Footer Left, kosongkan Judul.
2. Tempel kode di Konten, lalu Simpan.
3. Untuk mematikan semuanya tulis $status={off} atau hapus gadgetnya.

Arti tiap bagian kode

Bagian	Artinya
$prefetch	Halaman artikel yang sedang disorot kursor (atau disentuh di HP) diambil lebih dulu, sehingga terbuka lebih cepat saat diklik. Maksimal 8 halaman per kunjungan. Otomatis dilewati pada mode Save-Data atau koneksi 2G.
$preconnect	Menyiapkan sambungan ke server iklan Google lebih awal. Hanya berlaku bila Konfigurasi AdSense sudah terisi.
$status	on atau off.

CatatanModul ini tidak bisa mempercepat koneksi ke server. Pesan seperti ERR_CONNECTION_TIMED_OUT berasal dari jaringan atau DNS, bukan dari halaman.

Perapian SEO

Merapikan hal teknis SEO yang sering terlewat.

Letakkan diTata Letak → Footer Left (atau bagian footer lain yang tampil di semua halaman) → gadget HTML/JavaScript

Merapikan hal-hal teknis SEO yang sering terlewat: teks alternatif gambar, atribut tautan, dan meta description yang kosong. Modul ini tidak membuat structured data karena template sudah memilikinya.

Kode siap tempel

<div hidden>{getSeo} $status={on} $desc={Tulis deskripsi singkat blog Anda di sini, 100 sampai 155 karakter.}</div>

Langkah

1. Tambahkan gadget HTML/JavaScript di Footer Left dan tempel kode. Ganti isi $desc dengan deskripsi beranda Anda.
2. Simpan. Untuk mematikan satu bagian tulis misalnya $alt={off}; untuk mematikan semuanya $status={off}.
3. Cara yang lebih kuat untuk beranda: isi juga di Blogger → Setelan → Preferensi penelusuran → Deskripsi meta.

Arti tiap bagian kode

Bagian	Artinya
$alt	Mengisi atribut alt pada gambar artikel yang belum punya, dari keterangan gambar atau judul artikel. Alt kosong yang disengaja tidak diubah.
$links	Tautan yang dibuka di tab baru diberi rel="noopener".
$meta	Bila meta description kosong atau kurang dari 50 karakter, diisi dari awal artikel (halaman artikel) atau dari $desc (beranda). og:description dan twitter:description ikut diisi bila kosong.
$desc	Deskripsi beranda. Maksimal sekitar 155 karakter yang dipakai.

CatatanPerubahan lewat JavaScript hanya terbaca mesin pencari yang menjalankan JavaScript (Google ya). Deskripsi yang ditulis langsung di Blogger tetap yang paling andal.

SEO dan Pengindeksan: Langkah yang Realistis

Bagian ini jujur tentang apa yang bisa dan tidak bisa dilakukan.

Letakkan diBeberapa menu Blogger dan Google Search Console (tidak ada kode untuk ini)

Tidak ada skrip yang menjamin sebuah artikel masuk halaman satu Google atau menghasilkan iklan berbayar tinggi. Yang bisa dilakukan adalah memastikan Google mudah menemukan, memahami, dan menilai blog Anda.

Langkah

1. Deskripsi meta. Blogger → Setelan → Preferensi penelusuran → Deskripsi meta. Isi 100 sampai 155 karakter tentang blog Anda. Beranda yang kosong adalah celah SEO yang umum.
2. Deskripsi per artikel. Di editor postingan, buka Setelan postingan → Deskripsi penelusuran, lalu tulis ringkasan unik untuk tiap artikel.
3. Search Console. Daftarkan blog, buka menu Sitemap, kirim sitemap.xml dan sitemap-pages.xml. Untuk artikel baru, gunakan Inspeksi URL → Minta pengindeksan.
4. Tautan internal. Pasang Halaman Peta Situs, Related Posts, dan hero atau Featured di beranda supaya artikel baru cepat ditemukan.
5. Kecepatan. Ukur lewat PageSpeed Insights. Kompres gambar sebelum diunggah dan hindari terlalu banyak blok di beranda.
6. Iklan. Pendapatan per klik ditentukan lelang Google dan dipengaruhi niche, bahasa, negara pembaca, dan kualitas trafik. Pastikan ads.txt terpasang (Blogger → Setelan → Monetisasi → ads.txt kustom). Jangan mengajak pengunjung mengeklik iklan atau memodifikasi iklan, karena melanggar kebijakan AdSense.
7. Bahasa. Campuran beberapa bahasa dalam satu blog membuat sulit dikenali. Pisahkan per label atau per blog bila memungkinkan.

CatatanNama menu Blogger dan Search Console bisa sedikit berbeda dari tulisan di atas karena tampilannya sering berubah.

Kalau Tidak Muncul, Cek Urutan Ini

Ikuti diagram dari kiri ke kanan. Berhenti di langkah yang jawabannya Tidak, lalu perbaiki.

Gambar 5. Diagram pemeriksaan: tipe gadget, nama bagian, penulisan kode, label, lalu modul dan lisensi.

1. Tipe gadget dan nama bagian. Harus HTML/JavaScript di bagian yang benar. Ticker bawaan masih Popular Posts, jadi hapus dulu lalu ganti.
2. Penulisan kode. Samakan dengan contoh, termasuk {getPosts} huruf P besar dan tanda kurung kurawal.
3. Nama label. Samakan persis dengan Blogger. Khusus {getHero}, label yang salah diganti artikel terbaru.
4. Next Post tidak muncul. Gadget Pengaturan: Sidebar dan Next Post harus berisi kata on.
5. Sidebar bergeser tanpa sebab. Gadget pengaturan itu tidak boleh memuat kata left, kiri, none, atau tanpa.
6. Fitur modul butuh lisensi aktif dan modul terbaru.
7. Setelah menyimpan, tekan Ctrl+F5 atau coba di jendela incognito.
8. Featured Posts dan Ticker News hanya menerima satu gadget. Content Section kosong tidak ditampilkan.

CatatanPesan ERR_CONNECTION_TIMED_OUT atau situs tidak terbuka berasal dari jaringan atau DNS, bukan dari kode di Tata Letak. Coba jaringan lain atau ganti DNS ke 1.1.1.1 dan 8.8.8.8.

LatihanPasang tombol WhatsApp dengan nomor Anda, lalu uji: klik tombolnya, pastikan pesan awal berisi judul halaman. Setelah itu matikan dengan $status={off} dan pastikan tombol hilang.