Beberapa Cara Memasang Kode AdSense di WordPress

Penempatan iklan AdSense sangat berpengaruh besar terhadap penghasilan. Penempatan yang salah juga dapat melanggar Kebijakan Program AdSense. Jika melanggar kebijakannya, Google AdSense akan menghentikan penayangan iklan. Untuk itu diperlukan pengetahuan untuk menempatkan posisi iklan AdSense yang baik agar menambah pendapatan dan tidak melanggar kebijakan Google AdSense. Berikut ini panduan lengkap cara memasang dan menepatkan kode iklan. 

Memasang Kode Google AdSense Versi Web

Memasang Kode Auto Ads Versi Web

Auto ads atau iklan otomatis adalah iklan yang ditampilkan secara acak dan otomatis oleh pihak Google. Mereka mengklaim bahwa auto ads akan menambah penghasilan dari iklan. Dengan menggunakan auto ads membuat penempatan iklan lebih aman dan tidak akan melanggar kebijakannya. Auto ads harus ditempatkan di area head agar tidak terjadi kegagalan tampilnya iklan. Salin kode di bawah ini ke dalam file functions.php yang berada di dalam child theme untuk memasang kode AdSense di area head. Jangan lupa untuk merubah “ca-pub-xxxxxxxxxxxxxxxx” dengan ID AdSense yang dimiliki.

/* Header Kode Auto Ads */
add_action( 'wp_head', 'kode_auto_ads' );
function kode_auto_ads() {
?>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-xxxxxxxxxxxxxxxx",
enable_page_level_ads: true
});
</script>
<?php
}

Memasang Kode AdSense di Antara Post atau Feed Versi Web

Untuk menampilkan iklan di antara post atau feed, sebaiknya menggunakan kode Unit Iklan dalam Feed (In-feed Ads). Praktik terbaik untuk memasang kode Unit Iklan (Ad Units) adalah dengan menempatkan “adsbygoogle.js” di area head (wp_head) dan jangan memasukkan “adsbygoogle.js” berkali-kali agar kecepatan website tetap terjaga. Tetapi jika telah menggunakan iklan otomatis (Auto Ads) maka tidak perlu melakukannya. Untuk memasang “adsbygoogle.js” di area head adalah sebagai berikut:

add_action( 'wp_head', 'kode_google_adsense' );
function kode_google_adsense() {
?>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<?php
}

Untuk menampilkan iklan di antara post halaman utama, maka salin kode di bawah ini ke dalam file index.php. Sedangkan archive.php untuk menampilkan iklan di antara post di halaman arsip. Letak untuk memasang kode di bawah ini tergantung pada tema yang digunakan, tetapi biasanya diletakkan di bagian post loop yaitu sebelum endwhile. Sebelum menyalin kode di bawah ini, sebaiknya salin dulu file index.php dan archive.php ke dalam folder child theme, supaya kodenya tidak hilang jika terjadi pembaruan atau update pada tema induk.

/* Menampilkan Google AdSense di Antara Post atau Feed di Halaman Utama atau Arsip
 * Gunakan Unit Iklan Dalam Feed (In-feed Ads)
 * Salin File index.php dan archive.php ke Dalam Folder Child Theme
 * Salin Kode di Bawah Ini dan Tempel di Bagian Post Loop 
 * Sesudah get_template_part('template-parts/content/content'); atau sebelum endwhile;)
 * Penempatan Tergantung Kode di Dalam Tema WordPress
*/
$count++;
// Menampilkan Google AdSense Setelah Post Pertama, Ketiga, dan Kelima
if ( $count == 1 || $count == 3 || $count == 5 ) { 
?>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="fluid"
data-ad-layout-key="-4n+cr+1z-sv+1io"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
data-ad-slot="5629835743"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<?php 
}

Memasang Kode AdSense di Antara Paragraf Versi Web

Untuk menampilkan iklan di antara paragraf gunakanlah kode unit iklan dalam artikel (In-article Ads). Untuk memasukkan kode unit iklan dalam artikel (In-article Ads), sama seperti unit iklan dalam feed (In-feed Ads). Silakan salin kodenya ke dalam file functions.php.

/* Menampilkan Google AdSense di Antara Paragraf di Dalam Post 
 * Gunakan Unit Iklan Dalam Artikel (In-article Ads)
*/
add_filter( 'the_content', 'prefix_insert_post_ads' );
function prefix_insert_post_ads( $content ) {
// Menambahkan Tiga Google AdSense di Antara Paragraf di Dalam Post
// Sisipkan Kode AdSense di Antara <div> </div>
$ad_code1 = '<div>
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
data-ad-slot="4607138935"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>';
$ad_code2 = $ad_code;
$ad_code3 = $ad_code;

// Menampilkan Google AdSense Setelah Paragraf Pertama, Ketiga, dan Kelima
if ( is_single() && ! is_page() ) {
$content = prefix_insert_after_paragraph( $ad_code1, 1, $content );  
$content = prefix_insert_after_paragraph( $ad_code2, 3, $content );
$content = prefix_insert_after_paragraph( $ad_code3, 5, $content );
return $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 );
}

Memasang Kode AdSense di Dalam Sidebar Versi Web

Untuk menampilkan AdSense di dalam Sidebar caranya cukup mudah. Pilih TampilanWidget, kemudian pilih Custom HTML dan letakan di Left atau Right Sidebar dan masukan kode AdSene ke dalam Custom HTML tersebut, kemudian tekan Save.

Kode Adsense Sidebar

Memasang Kode AdSense Versi Web di Area Lainnya

Jika ingin memasang kode AdSense di area lainnya seperti sebelum atau sesudah header, sebelum footer, sebelum atau sesudah judul post, dan yang lainnya, maka harus mengetahui action hook tema yang digunakan. Misalnya jika menggunakan tema GeneratePress dan ingin memasang kode Adsense sebelum header maka action hook yang digunakan adalah sebagai berikut:

/* Menampilkan Google AdSense Sebelum Header pada Tema GeneratePress */
add_action( 'generate_before_header', 'kode_auto_ads' );
function kode_auto_ads() {
?>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
data-ad-slot="5629835743"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<?php 
}

Memasang Kode Google AdSense Versi AMP

Memasang Kode Auto Ads versi AMP 

Sebelum memasang kode Auto Ads di halaman AMP, harus memahami terlebih dahulu mode AMP yang digunakan. Ada tiga jenis mode AMP yaitu standard, transitional, dan reader (clasic). AMP mode standard dan transitional menggunakan template tema yang sedang digunakan atau yang sedang aktif, sehingga tampilan versi AMP akan sama dengan tampilan versi non-AMP atau versi web. Sedangkan AMP mode reader (clasic) menggunakan template yang berbeda dengan versi web.

Dikarenakan AMP mode standard dan transitional menggunakan template tema yang aktif, maka penempatannya pun sama saja dengan versi non-AMP. Jadi, jika akan memasang kode AdSense di head AMP mode standard atau transitional, maka harus diletakkan di wp_head dan untuk AMP mode reader (clasic) diletakkan di amp_post_template_head. Salin kode di bawah ini ke dalam file functions.php yang berada di dalam child theme untuk memasang kode Auto Ads AMP.

/* Header Kode Auto Ads AMP Mode Standard atau Transitional */
add_action( 'wp_head', 'header_auto_ads_amp_standard' );
function header_auto_ads_amp_standard() {
if (function_exists( 'is_amp_endpoint' ) && is_amp_endpoint()) {
?>
<script async custom-element="amp-auto-ads"
src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js">
</script>
<?php 
}

Untuk kode footer Auto Ads AMP mode standard atau transitional silakan salin kode di bawah ini.

/* Footer Kode Auto Ads AMP Mode Standard atau Transitional */
add_action( 'wp_footer', 'footer_auto_ads_amp_standard' );
function footer_auto_ads_amp_standard() {
if (function_exists( 'is_amp_endpoint' ) && is_amp_endpoint()) {
?>
<amp-auto-ads type="adsense"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx">
</amp-auto-ads>
</script>
<?php 
}

Memasang Kode Auto Ads AMP Mode Reader atau Clasic

AMP mode reader atau clasic memiliki template tersendiri sehingga terpisah dari template tema yang sedang digunakan. Maka hook yang digunakan juga harus hook AMP. Berikut ini adalah kode Auto Ads yang menggunakan AMP mode reader atau clasic.

/* Header Kode Auto Ads AMP Mode Reader atau Clasic */
add_action( 'amp_post_template_head', 'header_auto_ads_amp_reader' );
function kode_auto_ads_amp_reader() {
?>
<script async custom-element="amp-auto-ads"
src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js">
</script>
<?php 
}

Untuk kode footer Auto Ads AMP mode reader atau clasic, silakan salin kode di bawah ini.

/* Footer Kode Auto Ads AMP Mode Reader atau Clasic */
add_action( 'amp_post_template_footer', 'footer_auto_ads_amp_reader' );
function footer_auto_ads_amp_reader() {
?>
<amp-auto-ads type="adsense"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx">
</amp-auto-ads>
<?php 
}

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.