我一直在關注這個例子: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 組件中使其工作的能力。
無論我做什么,都無法讓 Google Ads 在 React 中顯示
慕婉清6462132
2021-06-10 18:09:38