为什么 Google AdSense 不显示 Reactjs?

Why Google AdSense not showing with Reactjs?

我正在尝试在我的 React 网站中使用 Google AdSense 实现一个简单的横幅广告。我使用了 create-react-app.

我创建了一个包装横幅的组件:

import React, { Component } from 'react';

class AdBanner extends Component {

    componentDidMount () {
        (window.adsbygoogle = window.adsbygoogle || []).push({});
        console.log('DID IT!!');
    }

    render () {
        return (
            <ins className="adsbygoogle"
                style={{ display: "block"}}
                data-ad-format="fluid"
                data-ad-layout-key="-fb+5w+4e-db+86"
                data-ad-client="ca-pub-xxxxxxxxxxxxx"
                data-ad-slot="xxxxxxxxxx">
            </ins>
        );
    }
}
export default AdBanner;

并且我在 index.html 文件的 <head> 标签中添加了以下脚本

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

## 问题 ## 广告没有以任何方式出现!编译器没问题,浏览器没有在控制台中给出任何消息(除了 'DID IT!'。我两天前在控制台中创建了广告。

我也试过停用 React 严格模式。

谢谢sssss

当您说 ad is not showing up 时 - 您是否在应该放置广告的位置看到空的白色矩形?您还看到网络选项卡中的 googleads.g.doubleclick.net/pagead/ads? 请求吗?如果有——有多少?如果您看到 2,则表示已发出广告请求,这可能是 AdSense 没有找到合适的广告,这很正常。您也可以尝试将 data-adtest="on" 添加到 <ins> 标签,这可能有助于强制投放广告。