Untuk mulai menghasilkan uang dengan Google AdSense, Anda perlu menambahkan Iklan AdSense ke situs web Anda.
Ketika datang ke situs web atau blog WordPress, ada dua cara yang disarankan untuk melakukan ini.
Pertama, adalah melalui penggunaan plugin Google AdSense resmi dan kedua dengan membuat beberapa perubahan sederhana pada file WordPress Anda (cara pilihan saya).
Mari kita lihat dua metode ini lebih detail.
Tim Google AdSense telah membuat plugin untuk pengguna WordPress, agar lebih mudah untuk menambahkan AdSense ke situs web mereka.
Dalam hal menambahkan kode secara manual (lihat di bawah) ke tema Anda, ini masalah menyalin/menempelkan kode dari satu tema ke yang lain.
Cara untuk menambahkan AdSense ke WordPress adalah cara manual. Itu memang melibatkan membuat perubahan pada kode tetapi setelah Anda melakukannya untuk satu situs web, Anda dapat dengan mudah menggunakan kembali kode untuk situs web lain.
Di blog WordPress yang khas, Anda dapat menempatkan iklan AdSense di tempat-tempat berikut:
Dalam hal ini, menambahkan iklan AdSense adalah masalah menyalin/menempelkan kode yang disediakan oleh AdSense ke widget 'widget teks' di area widget yang sesuai.
Petunjuk: Gunakan nama yang secara akurat menggambarkan jenis dan posisi iklan. Misalnya, 'Home Page, Top Banner, Responsif'.
Salin kode iklan yang disediakan oleh Adsense.
Tempel kode ke Widget Teks dan letakkan di Area Widget yang sesuai.
Anda sekarang dapat SIMPAN widget dan dalam beberapa menit, AdSense akan mulai ditampilkan di situs web Anda.
Anda dapat mengikuti prosedur yang sama persis, setiap kali Anda ingin menambahkan Adsense ke widget apa pun di WordPress.
Catatan: Anda dapat menyimpan kode Adsense dalam <div> dan mengatur lebarnya menjadi 100% dan menambahkan properti gaya lainnya untuk membuat iklan terlihat bagus (lihat contoh di atas).
Ini adalah contoh Iklan Adsense di Sidebar.
Cara Menambahkan AdSense di WordPress Tanpa Plugin
PENTING: Contoh-contoh di bawah ini didasarkan pada Kerangka Kejadian. Jika Anda TIDAK menggunakan tema anak genesis, maka Anda perlu mengubah kait yang ditentukan dalam baris ADD_ACTION (bagian pertama dari kode) untuk mencocokkan kait yang tersedia di instalasi inti WordPress. Lihat
daftar lengkap Tindakan WordPress.
PENTING 2: Jika Anda membuat kesalahan dalam file functions.php Anda, situs web WordPress Anda tidak akan memuat jadi pastikan bahwa Anda membuat cadangan file Anda sebelum mengedit.
Cara Menambahkan Iklan AdSense di Bagian Atas Halaman
Untuk menambahkan AdSense agar muncul di bagian atas posting Anda, Anda perlu menambahkan kode di bawah ini ke file functions.php Anda.
Catatan: Sebelum melanjutkan ke langkah berikutnya, Anda harus mengikuti prosedur di atas untuk membuat Unit AD baru di Akun AdSense Anda.
Gunakan klien FTP dan temukan file functions.php (lokasi file bisa Anda dapatkan di: /wp-content/themes/yourtheme/functions.php)
Edit file dan tambahkan kode di bawah ini.
add_action('genesis_before_content', 'header_ad');
function header_ad() {
if (is_page() || is_category() || is_search() ) { ?><div class="adsense-top"><style type="text/css">
.adslot_4 { width: 1000px; height: 90px; }
@media (max-width:420px) { .adslot_4 { width: 300px; height: 250px; } }</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- XXXXXXXX -->
<ins class="adsbygoogle adslot_4"
style="display:inline-block"
data-ad-client="ca-pub-XXXXXXXXXX"
data-ad-slot="XXXXXXX"
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<?php }}
Kode di atas akan menambahkan ke halaman tunggal, halaman kategori atau halaman pencarian iklan AdSense yang dibungkus dengan kelas css (adsense-top).
Perhatikan bagaimana saya mengubah kode AdSense untuk memaksa iklan muncul sebagai 300×250 ketika dilihat di ponsel (di bawah resolusi 420px).
Catatan: Anda perlu menggunakan Kode AdSense Anda sendiri untuk Iklan yang disediakan oleh AdSense.
Tambahkan AdSense Setelah Paragraf ke-2 Dalam Posting Blog
Katakanlah Anda ingin iklan muncul setelah paragraf kedua di semua posting blog Anda. Anda dapat melakukannya dengan menambahkan kode di bawah ini ke file functions.php Anda.
//ADD ADSENSE AFTER 2ND PARAGRAPH
add_filter( 'the_content', 'prefix_insert_inpost_ads' );
function prefix_insert_inpost_ads( $content ) {
$ad_code =’ <div class="googleadsrectangle">
<style type="text/css">
.adslot_1 { width: 650px; height: 280px; }
@media (max-width:420px) { .adslot_1 { width: 300px; height: 250px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- SAMPLE ADD -->
<ins class="adsbygoogle adslot_1"
style="display:inline-block"
data-ad-client="ca-pub-XXXXXXXXXXXX"
data-ad-slot="XXXXXXXX"
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>';
if ( is_single() && ! is_admin() ) {
return prefix_insert_after_paragraph( $ad_code, 2, $content );
}
return $content;
}
function prefix_insert_after_paragraph( $insertion, $paragraph_id, $content ) {
$closing_p = '</p>';
$paragraphs = explode( $closing_p, $content );
foreach ($paragraphs as $index => $paragraph) {
if ( trim( $paragraph ) ) {
$paragraphs[$index] .= $closing_p;
}
if ( $paragraph_id == $index + 1 ) {
$paragraphs[$index] .= $insertion;
}
}
return implode( '', $paragraphs );
}
Hal yang harus Anda ketahui tentang kode di atas:
- Anda harus menyalin/menempelkan kode yang diberikan oleh AdSense dalam variabel $ad_code dan mengganti kode yang ditampilkan dalam huruf tebal.
- Jika Anda ingin iklan muncul setelah paragraf pertama atau posisi lainnya, ubah angka 2 ke nilai yang diinginkan di baris: kembalikan prefix_insert_after_paragraph ($ad_code, 2, $content);
Berikut adalah contoh unit iklan AdSense lebar penuh yang ditampilkan setelah paragraf kedua.
Tambahkan Iklan AdSense Di Bawah Posting WordPress
Untuk menambahkan AdSense di bawah posting Anda, Anda hanya perlu menggunakan logika yang sama seperti "Top of Post" tetapi ubah hook sehingga iklan akan muncul di bawah posting.
Berikut adalah templat kode yang akan digunakan:
add_action('genesis_after_entry_content', 'google_bottom_ads');
function google_bottom_ads() {
if ( is_single() ) { ?>
<div class="googleadsrectanglebottom">
<style type="text/css">
.cs-posts-bottom-resp { width: 650px; height: 280px; }
@media (max-width:420px) { .cs-posts-bottom-resp { width: 300px; height: 250px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- XXXXXXXXXXXX -->
<ins class="adsbygoogle cs-posts-bottom-resp"
style="display:inline-block"
data-ad-client="ca-pub-XXXXXXXXXXXX"
data-ad-slot="XXXXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<?php } };
Berikut adalah contoh unit Iklan AdSense yang ditunjukkan di bawah posting blog.
Kesimpulan
Jika Anda menemukan kode di atas membingungkan, maka pergi dengan opsi pertama dan gunakan plugin Google AdSense resmi untuk menambahkan iklan ke blog WordPress Anda.
Lebih mudah digunakan dan tidak perlu mengedit file situs web Anda. Jika Anda merasa yakin dengan mengedit file functions.php Anda maka Anda dapat menggunakan templat kode di atas dan memiliki kontrol lebih besar pada Iklan Anda.
Apa pun itu, selalu disarankan untuk menggunakan UNIT RESPONSIF IKLAN sehingga iklan Anda akan tampil dengan baik di desktop dan situs web seluler Anda.
Jika ada sesuatu yang tidak jelas, beri tahu kami di komentar.
