Selasa, 14 April 2020

Cara Menambahkan Iklan Google AdSense di Halaman AMP WordPress

Tags

Google AdSense adalah program yang memungkinkan webmaster dan siapa saja yang menjalankan situs web atau blog untuk mendapatkan penghasilan dengan menambahkan iklan AdSense ke halaman situs mereka.

Ketika pengunjung mengunjungi halaman blog atau website dan berinteraksi dengan iklan, maka kita akan mendapatkan peluang untuk mendapatkan uang dari iklan ini. Semakin banyak pengunjung, maka semakin banyak yang bisa didapatkan.

Sangat mudah untuk menempatkan unit iklan AdSense di halaman WordPress biasa. Untuk melakukan itu, cukup buat unit iklan baru dan salin unit iklan yang disediakan. Kemudian paste kode pada salah satu halaman blog dan dalam waktu singkat, iklan akan mulai muncul.

Namun, jika kita menjalankan halaman AMP, prosesnya tidak sesederhana itu. Untuk menambahkan AdSense pada halaman AMP, kita harus melakukannya secara berbeda.

AMP adalah proyek open source yang bertujuan untuk membuat web lebih cepat. Jika menjalankan blog atau situs web WordPress dan ingin peringkat lebih baik di halaman hasil mesin pencari, disarankan untuk mengaktifkan AMP.

Jika kita tidak ingin mengaktifkan fitur AMP ini, maka pastikan situs atau blog non-AMP berjalan lebih cepat bila dibandingkan dengan yang lainnya.

Oke, kita lanjut untuk membahas cara menambahkan iklan AdSense pada halaman AMP untuk situs web atau blog WordPress.

Instal WordPress AMP Plugin

Cara sederhana untuk mengaktifkan halaman AMP untuk situs WordPress jika menggunakan tema yang tidak dibangun berdasarkan standar AMP adalah dengan menginstal plugin AMP yang direkomendasikan yang bernama AMP.

Plugin AMP untuk WordPress mendukung halaman AMP yang terintegrasi penuh untuk situs WordPress, dengan kapabilitas yang kuat dan kontrol publikasi granular.

Setelah plugin terpasang, aktifkan dan halaman AMP yang terpisah akan dibuat.

Opsi 1: Dapatkan Iklan AdSense untuk AMP
Setelah menginstal plugin AMP WordPress, buka akun AdSense dan aktifkan iklan AMP .. Aktifkan iklan Otomatis untuk AMP dan Google akan secara otomatis menampilkan iklan di semua situs AMP di akun kita. Cukup tambahkan 2 buah kode ke setiap situs AMP yang diinginkan untuk ditayangkan iklan.


adsense_AMP


Setelah mengaktifkan iklan AMP di AdSense, kita akan diberikan dua buah kode untuk ditambahkan ke situs. Satu untuk ditambahkan ke header AMP dan yang lainnya di body.

Salin bagian pertama dari kode yang kurang lebih terlihat mirip dengan yang di bawah ini:

<script async custom-element="amp-auto-ads"
        src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js">
</script>

Lalu buka dashboard WordPress dan navigasi ke Plugin ==> Plugin Editor

wordpress_plugin_editor


Kemudian pilih plugin AMP dan buka halaman html-start-php.

AMP_plugin_html_start


Paste kode di dalam bagian <head> dan </head> seperti yang ditunjukkan di bawah ini:

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
<?php do_action( 'amp_post_template_head', $this ); ?>
<style amp-custom>
<?php $this->load_parts( [ 'style' ] ); ?>
<?php do_action( 'amp_post_template_css', $this ); ?>
</style>
<script async custom-element="amp-auto-ads"
src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js">
</script>
</head>

Selanjutnya, salin potongan kode kedua dan tempel ke bagian body halaman AMP. Di halaman html-start-php yang sama paste kode di bagian body seperti yang ditunjukkan di bawah ini:

<body class="<?php echo esc_attr( $this->get( 'body_class' ) ); ?>">
<amp-auto-ads type="adsense"
data-ad-client="ca-pub-944557045840111111">
</amp-auto-ads>
<?php do_action( 'amp_post_template_body_open', $this ); ?>

Simpan halaman dan exit

Setelah halaman disimpan, setelah beberapa menit biasanya iklan akan mulai muncul di halaman WordPress AMP.

Opsi 2: Tambahkan Kode AMP melalui Theme Function
Karena plugin WordPress sering diperbarui, dan semua perubahan pada plugin akan hilang setelah diperbarui, kita disarankan untuk menambahkan kode AMP melalui file function.php tema WordPress.

Untuk menambahkan AdSense AMP header dan kode body melalui function tema WordPress, pergi ke WordPress Dashboard ==> Appearance ==> Theme Editor.

Kemudian pilih tema saat ini, dan buka file function.php.

Saat file dibuka, salin dua potong kode berikut ke dalam file dan simpan.

Kode Header AMP:

add_action('amp_post_template_head','adsense_amp_head');
 function adsense_amp_head($amp_template) {
 ?>
 //Paste kode AdSense AMP header disini
 <?php
 }

Kode Body AMP:

add_action('amp_post_template_footer','adsense_amp_footer');
function adsense_amp_footer($amp_template) { 
?>
//Paste kode AdSense AMP body disini
<?php 
}

Simpan file function.php dan selesai, iklan AMP akan mulai muncul di halaman situs.


EmoticonEmoticon