Cara Pasang atau Membuat Unit Iklan Link Teks Adsense di Blog AMP HTML

Cara Pasang atau Membuat Unit Iklan Link Teks Adsense di Blog AMP HTML

Cara Pasang atau Membuat Unit Iklan Link Teks Adsense di Blog AMP HTML


FLOBAMORApedia - Unit iklan link adsense merupakan salah satu unit iklan yang sekarang banyak dipakai di web atau blog. Menurut beberapa bloggers, unit iklan link adsense dapat meningkatkan pendapatan situs tersebut. Membuat unit iklan link adsense sangatlah mudah, dan unit iklan link adsense bisa dibuat banyak, biasanya batas minimal 5 baris link iklan adsense saja.
Berdasarkan survey Admin di beberapa website atau blog yang juga menggunakan Iklan Link Adsense dengan 5 susun, ternyata cukup aman dan tidak melanggar Peraturan Adsense. Jika Anda tertarik untuk memasangnya di Blog atau Web, silahkan ikuti cara membuatnya dibawah ini.Saya bagikan caranya untuk blog non-amp dan blog amp.
Untuk Blog AMP
Pertama
Pastikan di template blog Anda sudah terpasang kode js amp-ad seperti dibawah ini, jika sudah pernah memasangnya silahkan lewati langkah ini.

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

Ke Dua
Silahkan buat unit iklan link pilih Responsive dan untuk typenya pilih text ads only seperti dibawah ini.

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1234567890"
     data-ad-slot="1234567"
     data-ad-format="link"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Ke Tiga

Jika Anda ingin memasang iklan link teks adsense pada Tampak Atas Layar (Above The Fold) yang saat blog dikunjungi iklan akan tampil pertama kali sebelum blog digulung kebawah, disarankan untuk menggunakan dengan unit iklan dengan ukuran layout fixed-height 100px, artinya lebar iklan otomatis akan mengikuti lebar layar atau tempat dia berada saat ditampilkan sedangkan untuk tingginya fix 100px, kode AMP HTML sebagai berikut.

<amp-ad
layout="fixed-height"
height="100"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>

Anda gantik kode yang saya tandai di atas dengan data slot iklanya.

Ke Empat

Jika Anda ingin memasang iklan link teks adsense pada Tampak Layar Setelah blog di Scroll (Below The Fold) jika saat blog dibuka kemudian halaman di scroll ke bawah maka akan tampil iklan tersebut. Untuk pemasangan dengan metode ini disarankan untuk menggunakan dengan unit iklan dengan ukuran tinggi 250px pada layout fixed-Height. Jadi pada saat iklan tampil otomatis akan menyesuaikan dengan layar atau tempat dimana ditampilkan dengan ukuran tinggi fix 250px, dan kode AMP HTML sebagai berikut.


<amp-ad
layout="fixed-height"
height="250"
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>


Anda gantik kode yang saya tandai di atas dengan data slot iklanya.

Terakhir
 SAVE template Anda.


Untuk Blog Non-AMP


Anda buat iklan tautannya terlebih dahulu, anggap saja Anda belum pernah membuatnya.

  • Masuk ke akun google adsense



  • Pilih "My Ads" lalu "Ads Unit" Setelah itu pilih "+ Unit Iklan Baru"



  • Pilih "Text & display ads" lalu pilih "Disarankan" dan pilih "Iklan Tautan" kalau sudah tinggal buat nama iklannya (Untuk ukuran iklan tautannya pilih yang Responsive)



  • Simpan dan dapatkan kode (Anda cukup ambil angka ca-pubnya saja dan angka data-ad-slotnya saja) untuk yang belum tau, angka yang berwarna merah dibawah ini saja yang harus anda pisahkan.



  • Berikut contoh : ca-pub-736364484858XXX" dan data-ad-slot="3435262XXX"


  • - Berikutnya, Anda pastikan di template blognya sudah terpasang kode js amp-ad seperti dibawah ini, jika sudah pernah memasangnya silahkan lewati langkah ini.

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

    - Sekarang kita lanjut penerapan kode iklan dan Cssnya di dalam HTML template, kalian cukup cari kode seperti dibawah ini. (Agar lebih mudah gunakan Ctrf+F)

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style type='text/css'>

    - Anda letakkan kode ini tepat dibawah <b:if cond='data:blog.pageType == &quot;item&quot;'> dan di atas <style type='text/css'>  (diantara kedua kode tersebut).

    <style type='text/css'>
    .iklan_bawah { width: 336px; height: 280px; }
    @media (max-width:450px) { .iklan_bawah { width: 300px; height: 250px; } }
    @media (min-width:500px) { .iklan_bawah { width: 336px; height: 280px; } }
    @media (min-width:800px) { .iklan_bawah { width: 600px; height: 300px; } }
    </style>


    - Jika sudah menaruh css diatas, sekarang kita lanjut ke penerapan kode iklan tautannya, ingat cara yang saya lakukan ini.

    <ins class="adsbygoogle iklan_bawah"
         style="display:block"
         data-ad-client="ca-pub-masukan angka yang disimpan tadi"
         data-ad-slot="masukan kode yang disimpan tadi"
         data-ad-format="link"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>


    - Anda simpan kode diatas yang sudah anda masukkan angka ca-pub dan data-ad-slot nya. Copy dan pastekan tepat di bawah <data:post.body/> untuk memasang dibawah artikel. Anda juga bisa memasangnya di atas atau di tenggah artikel sesuaikan dengan Template yang digunakan.
    Blogger
    Disqus
    Pilih Sistem Komentar

    2 comments

    Bantu saya untuk kembangkan saya punya blog..karna sya baru pemulaπŸ™πŸ™πŸ™πŸ™

    Balas

    ۝ Peraturan dalam berkomentar :

    ☛ UpsS,. Budayakan berkomentar sesudah membaca artikel sob.
    ☛ Dilarang Menghina, Promosi (Iklan), Menyelipkan Link Aktiv, dsb.
    ☛ Dilarang berkomentar berbau Porno, Spam, Sara, Politic, Profokasi.
    ☛ Berkomentarlah yang Sopan,Bijak, dan Sesuai Artikel (Dilarang OOT)
    ☛ Saya sangat berterima kasih atas semua yang mau berkomentar diblog saya.
    ☛ Saya PASTI akan berkunjung balik ke blog Sobat yang sudah mau berkomentar di sini.

    Copyright © 2018 - Blogger NTT® Bloggerntt.com✓

    Advertiser