html - adsense 周围的响应式广告标签

Question

我正在尝试将我的网站列入 AdBlock 的白名单。为此，我需要用标签封装我的所有广告。我能够添加标签，但它没有响应，有时广告会重叠。请问有什么更好的方法来围绕 adsense 广告创建标签。

<div style="position: relative;">
    <span class="Ad-label">Advertisement</span>
    <section>
        <div class="row">
            <div class="row-sm-height">
                <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                <!-- Responsive Banner Ad -->
                <ins class="adsbygoogle"
                     style="display: block"
                     data-ad-client="ca-pub-2315506723267173"
                     data-ad-slot="5172135644"
                     data-ad-format="auto">
                </ins>
                <script>
                    (adsbygoogle = window.adsbygoogle || []).push({});
                </script>
            </div>
        </div>
    </section>

.Ad-label {
    color: #444;
    background: #ddd;
    font-family: arial;
    padding: 3px 10px;
    font-size: 10px;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(90deg);
    -o-transform-origin: left top;
    transform: rotate(90deg);
    transform-origin: left top;
    position: absolute;
    left: 13%;
    top: 0px;
    white-space: nowrap;
    font-size: 11px;
    display: inline-block;
}

[1] 

Answer 1

在广告行中添加带有 class="Ad-label" 的 span，如下所示:

<div style="position: relative;">
    <section>
        <div class="row">
            <div class="row-sm-height">
            <span class="Ad-label">Advertisement</span>
                <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                <!-- Responsive Banner Ad -->
                <ins class="adsbygoogle"
                     style="display: block"
                     data-ad-client="ca-pub-2315506723267173"
                     data-ad-slot="5172135644"
                     data-ad-format="auto">
                </ins>
                <script>
                    (adsbygoogle = window.adsbygoogle || []).push({});
                </script>
            </div>
        </div>
    </section>

然后应用这种风格:

.Ad-label
{
    text-align: left;
    padding: 3px 0px;
    position: relative;
    top: 0px;
    font-size: 10px;
    width: 100%;
    float: left;
}