Cara Menciptakan Iklan Adsense Reponsive Sesuai Layout Website [Support Mobile]

Pertanyaan ini masuk dari list pertanyaan yang pernah diajukan kepada saya, Dan pada kesempatan kali ini mumpung ada waktu maka aku buatkan artikelnya sekalian.

Bagi kalian yang memiliki template website responsive niscaya memiliki anutan bagaimana Cara Membuat Iklan Adsense Reponsive Sesuai Layout Website dan support untuk mobile juga kan?

Kebetulan sekali, Kali ini aku akan memberikan bagaimana Membuat Iklan Adsense Reponsive Sesuai Layout Website/layar monitor dari visitor Anda.

Kemudian, Apa kelebihan dari memakai script ini?

• Kelebihan yang paling menonjol ialah dimensi iklan akan menyesuaikan resolusi layar visitor.


• Kedua, Tidak perlu menciptakan banyak jenis iklan. Yup!!, Iklan jenis apa saja akan responsive menyesuaikan.

Jadi Anda tidak perlu menciptakan banyak jenis iklan dan jenis ukuran untuk widget atau di dalam postingan.

Meskipun Ukuran iklan yang Anda buat lebih besar dari layout website Anda, Nantinya script ini akan menciptakan iklan tersebut otomatis menyesuaikan layout.

Bagaimana Cara Membuatnya?

Cara Membuat Iklan Adsense Reponsive Sesuai Layout Website yang Support Mobile ini sangat sederhana, Akan tetapi tentunya buat iklan adsense terlebih dahulu.

Bagi yang belum tahu bagaimana cara menciptakan iklan adsense silahkan menuju halaman macam macam iklan adsense dan cara membuatnya.

Langkah pertama,

Silahkan buat iklan adsense terlebih dahulu (Note : Harus type asyncronous)

Dan aku sarankan untuk menentukan iklan responsive.

Langkah kedua,

Copy script berikut, Dan edit sesuai yang di interuksikan…

[box type=”shadow” align=”aligncenter” class=”” width=”100%”]

<div id=”google-ads-1″></div>

<script type=”text/j4vascript”>

/* Menghitung ukuran yang sanggup dipakai */

ad = document.getElementById(‘google-ads-1’);

if (ad.getBoundingClientRect().width) {

adWidth = ad.getBoundingClientRect().width; // for modern browsers

} else {

adWidth = ad.offsetWidth; // for old IE

}

/* Ganti dengan arahan publiser Anda teladan : pub-442323123*/

google_ad_client = “pub-1231244242”;

/*Ganti dengan arahan adsense Anda */

google_ad_slot = “878112312”;

/* Saran aku tidak perlu ganti ini kecuali berdasarkan Anda tidak cocok */

if ( adWidth >= 970 )

google_ad_size = [“970”, “90”];  /* Leaderboard 728×90 */

else if ( adWidth >= 720)

google_ad_size = [“728”, “90”];  /* Leaderboard 728×90 */

else if ( adWidth >= 468 )

google_ad_size = [“468”, “60”];  /* Banner (468 x 60) */

else if ( adWidth >= 336 )

google_ad_size = [“336”, “280”]; /* Large Rectangle (336 x 280) */

else if ( adWidth >= 300 )

google_ad_size = [“300”, “250”]; /* Medium Rectangle (300 x 250) */

else if ( adWidth >= 250 )

google_ad_size = [“250”, “250”]; /* Square (250 x 250) */

else if ( adWidth >= 200 )

google_ad_size = [“200”, “200”]; /* Small Square (200 x 200) */

else if ( adWidth >= 180 )

google_ad_size = [“180”, “150”]; /* Small Rectangle (180 x 150) */

else

google_ad_size = [“125”, “125”]; /* Button (125 x 125) */

document.write (

‘<ins class=”adsbygoogle” style=”display:inline-block;width:’

+ google_ad_size[0] + ‘px;height:’

+ google_ad_size[1] + ‘px” data-ad-client=”‘

+ google_ad_client + ‘” data-ad-slot=”‘

+ google_ad_slot + ‘”></ins>’

);

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

<script async src=”http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”>

</script>

[/box]

Langkah ketiga,

Setelah Anda copy script diatas, Edit bab yang sudah di interuksikan dan pasang arahan tersebut sebagai ganti arahan iklan yang biasa Anda gunakan.

Note

Jika Anda ingin memakai arahan tersebut untuk iklan yang lain yang Anda tempatkan dalam satu halaman, Anad cukup mengganti arahan google-ads-1 menjadi arahan yang Anda butuhkan.

Apakah aku memakai script diatas?

Yup, Pada website ini aku menggunakannya pada div iklan header. Karena bawaan template ini hanya mendukung iklan ukuran maimal 728×90 pixel.

Saya merubahnya menjadi 970×70 piel. dan merubahnya menjadi sesuai ukuran mobile.

Tapi untuk website aku yang lainnya, Saya menggunakannya pada semua iklan, Karena selain irit pembuatan iklan juga semoga tidak ribet.

Sekian artikel yang membahas  bagaimana Cara Membuat Iklan Adsense Reponsive Sesuai Layout Website kali ini, Jika ada yang kurang dipahami jangan sungkan untuk mengisi kolom komentar.

Thanks.

Sumber https://bacaanku.com/

Berlangganan Informasi Terbaru: