将图片放在adsense上

时间:2019-01-15 08:31:37

标签: html css adsense

如何在Google adsense上放置图片?我要跟踪用户的点击,因此,当有人点击广告时,我要处理onclick方法。

.ad-alert {
    width: 728px;
    height: 400px;
    background: #cccccc;
    margin: auto;
    margin-top: 30px;
    z-index: 6000;
}

<div class="ad-alert" onclick="alert('test');">
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <ins class="adsbygoogle"
        style="display:block; text-align:center; z-index: 4998"
        data-ad-layout="in-article"
        data-ad-format="fluid"
        data-ad-client="ca-pub-1543026956912231"
        data-ad-slot="207185479"></ins>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
</div>

但是不起作用,.ad-alert位于广告后面,而不是我想要的前面。你能帮助我吗?谢谢!

1 个答案:

答案 0 :(得分:0)

您的.ad-alert样式似乎缺少position: absolute,如果您想利用z-index值,则需要此样式。

.ad-alert {
  position: absolute;

  width: 728px;
  height: 400px;
  background: #cccccc;
  margin: auto;
  margin-top: 30px;
  z-index: 6000;
}

您可以在此处了解有关absolute定位的更多信息:
https://developer.mozilla.org/en-US/docs/Web/CSS/position