亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

無論我做什么,都無法讓 Google Ads 在 React 中顯示

無論我做什么,都無法讓 Google Ads 在 React 中顯示

慕婉清6462132 2021-06-10 18:09:38
我一直在關注這個例子:https://www.jamesbaum.co.uk/blether/using-google-adsense-with-react/我有這個組件:import React from "react";export default class AdBanner extends React.Component {    componentDidMount () {        (window.adsbygoogle = window.adsbygoogle || []).push({});    }    render () {        return (            <div className='ad'>                <ins className='adsbygoogle'                     style={{ display: 'block' }}                     data-ad-client='div-gpt-ad-1536172937182-0'                     data-ad-slot='/164808479/Leaderboard'                     data-ad-format='auto' />            </div>        );    }}我有這個index.html:<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>當我運行我的測試頁面時,我沒有看到廣告呈現,并且出現以下錯誤:我不知道這個錯誤是什么意思或如何解決它。值得一提的是,客戶端和插槽 ID 在非反應測試應用程序中完美運行,所以這里肯定有其他問題。另外,我正在通過 localhost:8080 進行測試——它適用于非反應測試應用程序,所以我認為這不是 localhost/google 廣告問題。在我們舊的非反應應用程序中在我們的<header>:<script async='async' src='https://www.googletagservices.com/tag/js/gpt.js'></script>    <script>        var googletag = googletag || {};        googletag.cmd = googletag.cmd || [];    </script>    <script>        googletag.cmd.push(function() {            googletag.defineSlot('/164808479/Leaderboard', [728, 90], 'div-gpt-ad-1536172937182-0').addService(googletag.pubads());            googletag.pubads().enableSingleRequest();            googletag.enableServices();        });    </script>在我們的<page.php>:<!-- /164808479/Leaderboard -->        <div id='div-gpt-ad-1536172937182-0' style='height:90px; width:728px;'>            <script>                googletag.cmd.push(function() { googletag.display('div-gpt-ad-1536172937182-0'); });            </script>        </div>這會立即產生一個有效的廣告,甚至來自127.0.0.1:80(通過 Docker 運行)我們的問題是我們缺乏在 React 組件中使其工作的能力。
查看完整描述

3 回答

?
www說

TA貢獻1775條經驗 獲得超8個贊

僅針對那些在行間閱讀的人(如我) - 將 push 調用放到 useEffect 而不是 row jsx ,如:


    useEffect(() => {

        window.adsbygoogle = window.adsbygoogle || [];

        window.adsbygoogle.push({});

    }, [])


查看完整回答
反對 回復 2021-06-18
?
小怪獸愛吃肉

TA貢獻1852條經驗 獲得超1個贊

您只需要等待,當您第一次實施 Adsense 時,它會出現此錯誤。直到第二天早上 Adsense 才開始展示廣告。我實現了他們的響應式廣告類型。


查看完整回答
反對 回復 2021-06-18
  • 3 回答
  • 0 關注
  • 312 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號