 |
| Thumbnail iklan Parallax by radiokonoha.com |
Cara pasang iklan Parallax di post blogger adalah artikel yang sering di cari oleh pemilik blog yang baru saja blog mereka di terima oleh Google adsense untuk menampilkan iklan.
Artinya Iklan Parallax
Berikut ini penjelasan ringkas dan fokus tentang apa itu iklan Parallax di Blogger tanpa membahas cara pasangnya:
Apa Itu Iklan Parallax di Blogger?
Iklan Parallax di Blogger adalah jenis iklan yang menampilkan efek visual di mana iklan tampak bergerak berbeda atau lebih lambat dari konten saat halaman digulir (scroll). Efek ini menciptakan ilusi kedalaman (3D) dan membuat iklan tampak menonjol secara visual dibandingkan elemen lain di halaman blog.
Karakteristik Iklan Parallax:
-
Efek Visual Dinamis: Saat pembaca scroll halaman, iklan terlihat melayang atau bergerak dengan kecepatan berbeda dari latar belakang.
-
Menarik Perhatian: Karena tampil beda dari konten biasa, iklan ini cenderung lebih mencolok dan efektif untuk promosi.
-
Bentuk Umum: Biasanya berupa gambar/banner besar (misalnya 728x90, 970x250) dengan grafik tajam dan kontras tinggi.
-
Letak Strategis: Ditempatkan di bagian atas, tengah, atau sebagai background agar tetap terlihat selama scroll.
Tujuan Iklan Parallax:
-
Meningkatkan Engagement: Desain yang menarik membuat pembaca lebih mungkin memperhatikan isi iklan.
-
Memperkuat Branding: Cocok untuk promosi produk premium, film, event, atau brand awareness.
-
Meningkatkan Konversi: Efek visual yang menonjol dapat meningkatkan klik atau interaksi.
Apa Iklan Parallax Aman Untuk Blog?
Parallax Ads: Alternatif Aman dan Estetis untuk Blog Anda. Mengintegrasikan iklan parallax ke dalam blog bisa menjadi strategi menarik dan relatif aman, khususnya jika dilakukan sesuai aturan. Sebelum memasangnya, ada sejumlah hal penting yang sebaiknya diperhatikan.
Aspek Keamanan dan Kepatuhan
Secara umum, penggunaan iklan parallax tergolong aman selama Anda tidak memodifikasi skrip asli yang diberikan oleh penyedia iklan seperti Google AdSense. Mengubah kode tersebut bisa menyebabkan pelanggaran kebijakan dan berakibat pada penalti terhadap akun Anda. Banyak blogger yang sukses menggunakan iklan jenis ini tanpa hambatan, asalkan script-nya dipertahankan sebagaimana mestinya.
Pengoptimalan untuk Tampilan Mobile
Efek parallax paling efektif saat diterapkan pada perangkat seluler. Karena layar yang terbatas, iklan menjadi lebih mencolok dan memiliki peluang lebih besar untuk diklik. Salah satu ukuran populer untuk jenis iklan ini adalah 300x600 piksel.
⚠️ Faktor Teknis yang Perlu Diperhatikan
-
Desain Blog: Parallax ads lebih sesuai dipasang pada template blog dengan layout satu kolom dan tanpa sidebar, agar tampilannya tetap bersih dan tidak terganggu.
-
Jumlah Iklan: Idealnya, cukup tampilkan satu iklan parallax per halaman untuk menjaga kenyamanan visual dan menghindari tampilan yang terlalu ramai.
-
Performa dan Aksesibilitas: Efek parallax bisa memengaruhi kecepatan loading blog serta keteraksesan bagi pengguna dengan disabilitas. Sebaiknya lakukan pengujian terlebih dahulu agar situs tetap ramah pengguna dan sesuai dengan standar aksesibilitas web.
Jika dipasang dengan teknik yang benar, iklan parallax mampu mempercantik tampilan blog sekaligus menambah potensi pendapatan. Selalu ikuti pedoman resmi dari penyedia iklan yang Anda gunakan, dan lakukan evaluasi menyeluruh terhadap performa situs setelah pemasangan. Bila Anda membutuhkan panduan teknis untuk memasangnya di platform seperti Blogger atau WordPress, saya siap membantu Anda secara rinci.
Cara Membuat Iklan Parallax Ditengah Postingan Artikel Blogger
Cara Membuat Tampilan Iklan Parallax Google Adsense Di Tengah Artikel Blog
 |
| Contoh tampilan membuat unit iklan fixed di google adsense. |
Cara Memasang Kode Iklan Parallax Di Blogger
/* Parallax Ads In Middle Post by radiokonohacom */
.radiokonohacomParallax {
display: block;
height: 600px;
margin: 1rem auto;
position: relative;
}
.prlx1 {
clip-path: inset(0 0 0 0);
position: absolute;
overflow: hidden;
margin: auto;
}
.prlx2 {
align-items: flex-start;
display: flex;
display: inline-flex;
justify-content: center;
position: fixed;
}
.prlx1, .prlx2 {
bottom: 0;
left: 0;
right: 0;
top: 10px;
}
.prlx1, .parallax ins {
height: 100%;
width: 100%;
}
// Parallax Ads In Middle Post by radiokonohacom
(function() {
let ads = document.querySelector('.radiokonohacomParallax');
if (ads) {
let post = document.querySelectorAll('.post-body br, .post-body p'), x = parseInt(post.length / 2);
if (post[x].nodeName == 'P') {
post[x].parentNode.insertBefore(ads, post[x]);
}
else {
post[x].parentNode.insertBefore(ads, post[x].nextSibling);
}
}
})();
<b:if cond='data:blog.isMobileRequest and data:view.isPost and !data:view.isPreview'>
<!-- Parallax Ads In Middle Post by radiokonohacom -->
<div class='radiokonohacomParallax'>
<div class='prlx1'>
<div class='prlx2'>
<!-- Pasang kode iklan di sini -->
</div>
</div>
</div>
</b:if>
Rate This Article
Thanks for reading: Cara Pasang Iklan Parallax Di Tengah Artikel Post, Sorry, my English is bad:)