GagakTekno

Cara Pasang Iklan Anchor AMP

Iklan Anchor atau yang biasa kita sebut iklan melayang (sticky) memang selalu dipakai oleh para blogger untuk meningkatkan pendapatan dari Adsense termasuk saya sendiri menggunakan iklan anchor ini. Mungkin untuk sobat yang menggunakan Non AMP akan langsung bisa menggunakan iklan tersebut dengan Auto Ads tapi untuk AMP kita harus menambahkan iklan tersebut secara manual agar bisa dipakai.

Lantas apa itu Iklan Anchor? iklan anchor adalah Page-level Ads merupakan fitur iklan yang terdapat pada Goole Adsense serta hanya bisa dilihat di high device mobile dan iklan ini pun tidak dapat bisa dilihat di perangkat desktop. Google Adsense menambahkan 2 jenis fitur pada Page-level Ads ini, yaitu Anchor/Overlay Ads dan Vignette Ads.

Anchor/Overlay Ads, jenis iklan ini berada pada bagian bawah halaman mobile serta selalu mengikuti setiap pergeseran arah halaman (ke atas dan ke bawah).

Vignette Ads, jenis iklan ini akan menampilkan secara keseluruhan (full screen) pada halaman perangkat mobile dan sangat mudah untuk di tutup oleh para pengunjung.

Terus untuk bisa menggunakan iklan tersebut bagaimana? Tentu saja sobat bisa setting di akun Adsensenya disana akan terdapat iklan Anchor dan Vignette pada My Ads > kemudian pilih Page Level Ads. Sobat juga bisa langsung menggunakan Auto Ads bila tidak ingin ribet dan akan ada pengaturan untuk menampilkan iklan apa saja dan disitu terdapat iklan Anchor dan Vignette.

Kembali ke pembahasanya, bagaimana jika kita menggunakan Template/Tema AMP bukan yang Non AMP? tentu saja hal tersebut akan berbeda untuk blog kita terutama untuk kode penempatan nya saja sudah berbeda maka dari itu sobat bisa menggunakan cara yang saya pakai ini dan memang cara seperti ini sudah sering di share di berbagai blog lain tapi apa salahnya jika saya share ulang agar sobat bisa lebih paham lagi.

Bagi sobat yang ingin mencoba iklan anchor ini bisa langsung ikuti tutorial dibawah ini :

Cara Pasang Iklan Anchor AMP


  1. Simpan kode script dibawah ini diatas </head>
  2. <b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.isMobileRequest == &quot;true&quot; and data:blog.pageType != &quot;error_page&quot;'>
    <script async='async' custom-element='amp-sticky-ad' src='https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js'/>
    </b:if>
  3. Copy kode dibawah dan pastekan diatas </body>
  4. <b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.isMobileRequest == &quot;true&quot; and data:blog.pageType != &quot;error_page&quot;'>
    <amp-sticky-ad layout='nodisplay'>
        <amp-ad data-ad-client='ca-pub-xxxxxxxxxxxx' data-ad-slot='xxxxxxxxxx' height='50' type='adsense' width='320'>
     </amp-ad>
      </amp-sticky-ad>
      </b:if>
  5. Tulisan "xxxxxxxxx" pada ca-pub, sobat ganti dengan ID publisher google adsense sobat.
  6. Sementara tulisan "xxxxxxxx" pada data-ad-slot, sobat ganti dengan ID unit iklan responsive yang sudah dibuat.
  7. Terakhir simpan dan lihat hasilnya dengan mengakses halaman blog menggunakan perangkat mobile.
Comment Policy : Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
BERI KOMENTAR