Html 在React Firebase web app中使用Google Adsense时使用CORS
我想把谷歌adsense添加到我的网站上。我正在使用图书馆 但是,当我想在我的html文件中添加google adsense脚本时,我遇到了这个错误:Html 在React Firebase web app中使用Google Adsense时使用CORS,html,reactjs,firebase,cors,adsense,Html,Reactjs,Firebase,Cors,Adsense,我想把谷歌adsense添加到我的网站上。我正在使用图书馆 但是,当我想在我的html文件中添加google adsense脚本时,我遇到了这个错误: 访问位于的脚本'http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js“起源”http://localhost:3000'已被CORS策略阻止:请求的资源上不存在'Access Control Allow Origin'标头。起源'http://localhost:3000因此,
访问位于的脚本'http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js“起源”http://localhost:3000'已被CORS策略阻止:请求的资源上不存在'Access Control Allow Origin'标头。起源'http://localhost:3000因此,不允许访问。
下面是我如何添加脚本的:
<script crossorigin="anonymous" async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
更新#1
我正在使用firebase托管我的网站在本地测试Adsense您可以尝试以下选项之一: 1-使用数据adtest=“on”
这是我正在开发的网站:。我计划把它放在firebase网络主机上。我试过选择3。它有时可以工作,但我不能保证我的用户正在使用该扩展。我能做什么?@ykn121您出现问题的唯一原因是您正在本地主机上运行此程序。我建议的选项仅用于在开发环境中进行测试……对生产环境有什么建议吗?通常情况下,它应该像您编写的那样工作。你可以先尝试一个你没有使用的真实域名,只是为了确定我的坏。我将
crossorigin
参数设置为我的标记。这导致了这个错误,不要使用adsense。部署“行动呼吁”。除非你有无数的访客,否则你是赚不到钱的。。。就我的2美分(我自己为我的网站研究过)@RonRoyston你推荐什么来取代Adsense?没什么。据我所知,用这种方式赚钱几乎是不可能的。。。除非你能每天或每分钟产生数万次点击。
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
data-adtest="on"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<script type="text/javascript">google_adtest="on";</script>
<script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
server {
listen 80;
server_name mydomain.com;
location / {
proxy_pass http://127.0.0.1:3000;
}
}