Cara buat script iklan sticky adsense versi desktop

Cara buat script iklan sticky adsense versi desktop

Beruntunglah kita sebagai publisher iklan adsense dalam meningkatkan pendapatan pihak google memberi peluang dalam meraup pendapatan, tanpa membatasi pemasangan iklan asal tidak melanggar kebijakan google adsense. Membuat eksperimen script iklan adsense adalah salah satu cara meningkatkan pendapatan seperti pembuatan script iklan sticky versi desktop.

Iklan sticky merupakan iklan banner yang melayang dan menempel pada tepi layar blog, biasanya terletak pada tepi bagian atas atau bawah. Iklan sticky secara otomatis hanya muncul pada blog versi mobile, namun pihak google adsense memperbolehkan kita memasang pada versi web yang muncul di layar desktop atau komputer. Okey skerang kita akan masuk untuk cara membuat dan memasang scriptnya diblog.
  • Buat script iklan sticky desktop.
  • Script iklan sticky ads ini dibuat untuk blog versi web yang muncul ditepi layar desktop bagian bawah saat halaman di gulir atau di scroll.
    1. Masuk pada tema blog anda.
    2. Klik pada Edit HTML.
    3. Kemudian cari kode </body> atau kode &lt;!--</body>--&gt;&lt;/body&gt; ditemplate edit HTML blog anda.
    4. Setelah ketemu kode diatas, silahkan anda copy kode di bawah ini.
    5. <b:if cond='data:blog.pageType not in {&quot;static_page&quot;,&quot;error_page&quot;} and data:blog.isMobileRequest == &quot;false&quot; and not data:blog.searchQuery'><style>/*<![CDATA[www.dualipa.id*/.sticky-ad{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:visible;position:sticky;text-align:center;margin-left:-368px;left:19%;width:100%;;z-index:9999;max-height:104px;background-image:none;background-color:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,.2);margin-bottom:0;padding-top:4px;transition:all .4s ease-in-out;max-width:976px;height:104px;bottom:0;-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both}@-webkit-keyframes fade-in{0%{bottom:0}padding: 4px 4px 0{bottom:0}}@keyframes fade-in{0%{bottom:0}padding: 4px 4px 0{bottom:0}}.sticky-ad-close-button{position:absolute;width:28px;height:28px;top:-28px;right:0;background-size:24px 24px;background-position:2px;background-color:#fff;background-repeat:no-repeat;box-shadow:0 -1px 1px 0 rgba(0,0,0,.2);border:0;border-radius:12px 0 0 0;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /%3E%3C/svg%3E");padding:0}/*]]>*/</style><div class='sticky-ad' id='sticky-ad'><ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxx' data-ad-slot='xxxxxxx' style='display:inline-block;width:970px;height:90px'/><script>(adsbygoogle = window.adsbygoogle || []).push({});</script><button class="sticky-ad-close-button" onclick="document.getElementById('sticky-ad').style.display='none';" aria-label="Close this ad"/></div><script>//<![CDATA[ function stickyAd(){var e=document.getElementById("sticky-ad");330<window.pageYOffset&&(e.style.display="block",window.removeEventListener("scroll",stickyAd))}window.addEventListener("scroll",stickyAd);//]]></script></b:if>
    6. Pastekan di atas atau sebelum kode </body> atau kode &lt;!--</body>--&gt;&lt;/body&gt;
    7. Lakukan pratinjau, jika tidak terdapat error, silahkan klik simpan tema.
  • Buat script iklan adsense.
  • Sekarang kita akan membuat kode iklan adsensenya.
    1. Buka akun adsense anda.
    2. Klik pada iklan.
    3. Pilih Menurut unit iklan.
    4. Klik pada iklan Display.
    5. Buat ukuran iklan tetap lebar 728px tinggi 90px atau lebar 970px tinggi 90px. Jangan pilih ukuran iklan Responsif tidak akan muncul.
    6. beri nama unit iklan, terserah anda memberi nama apa.
    7. Klik buat.
    8. Copy kode iklan data-ad-client='ca-pub-xxxxxxxx' dengan kode data-ad-client='ca-pub-punya kamu, dan data-ad-slot='xxxxxxx' ganti dengan ad-slot iklan kamu (kode yang diberi tanda merah)
    9. Untukmax-width:976px dan width:970px harus disesuaikan dengan lebar kode iklan yang dibuat, jika 970px harus 970px begitu sebaliknya jika 728px harus 728px.
    10. Klik simpan tema.
    11. Selesai.


    Silahkan buka atau kunjungi halaman blog anda dan lihat hasilnya. Itulah Cara buat script iklan sticky adsense versi desktop. Selamat mencoba dan berhasil...
Next Post Previous Post
2 Comments
  • Komptik.
    Komptik. 27 September 2021 pukul 15.55

    Seperti tampilan di blog ini gimana ya mas tampilan sticky desktopnya?

  • Dua lipa.id
    Dua lipa.id 27 September 2021 pukul 19.07

    Untuk tampilan sticky ads di blog ini sdh di setting bawahan dari tema yg dipakai.

Add Comment
comment url