为什么 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>
标签,这可能有助于强制投放广告。
我正在尝试在我的 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>
标签,这可能有助于强制投放广告。