Question

我在ReactJS中与Adsense广告争夺了几个小时：

这是我的代码：

export default class AdJobDetail extends React.Component {
    componentDidMount() {
        (window.adsbygoogle = window.adsbygoogle || []).push({});
    }

    render() {
        return (
            <div className={style.container}>
                <ins className='adsbygoogle'
                    style={{ display: 'display:block' }}
                    data-ad-client="ca-pub-6591684000448474"
                    data-ad-slot="6458345829"
                    data-ad-format="auto" />
            </div>
        );
    }
}

（广告客户和广告位已更改）。

这是我使用的风格：

.container {
margin-top: 20px;
border: 1px solid $light-grey;
width: 200px;
height: 200px;
}

.ins {
width: 100%;
height: 100%;
}

我经常得到：

adsbygoogle.push（）错误：可用宽度= 0
的插槽大小

我的问题是：

对我来说，宽度大于0，为什么我会收到此错误？
脚本是否安装不正确？但我的无响应广告效果很好......

Answer 1

您可能需要使用绝对宽度单位（例如 px）而不是相对宽度单位，例如百分比。

ReactJS和Adsense响应式广告

1 个答案: