Javascript React应用程序中的AdSense间隙/渐晕广告

Javascript React应用程序中的AdSense间隙/渐晕广告,javascript,reactjs,adsense,next.js,Javascript,Reactjs,Adsense,Next.js,我试图在一个SPA中实现页面级广告(插入式广告/小插曲广告)。谷歌的实现似乎只能通过硬页面导航来实现,但我使用的库(nextjs)大量使用了“软”导航 我已经实现了他们在文档中描述的功能 class App extends React.Component { ... componentDidMount () { window[ "adsbygoogle" ] = window[ "adsbygoogle" ] || [] try { window[ "ad

我试图在一个SPA中实现页面级广告(插入式广告/小插曲广告)。谷歌的实现似乎只能通过硬页面导航来实现,但我使用的库(
nextjs
)大量使用了“软”导航

我已经实现了他们在文档中描述的功能

class App extends React.Component {
  ...

  componentDidMount () {
    window[ "adsbygoogle" ] = window[ "adsbygoogle" ] || []

    try {
      window[ "adsbygoogle" ].push({
        "google_ad_client": `ca-pub-${ getAdsenseClientId() }`,
        "enable_page_level_ads": true
      })
    } catch (err) { log("adsbygoogle err", err) }
  }
  ...
}
我的页面上有几个硬链接(
s),当使用IA调试(
\google\u IA\u debug
)时,它们会显示中间链接,但是我的所有内部链接(使用
nextjs
“内置
链接
组件)都不会做任何事情,尽管调试工具将链接标记为对中间链接有效


有没有一个“诀窍”让这个与水疗?或者我是SOL?

我不知道谷歌广告的细节,但是如果不测试您是否在服务器或客户端上渲染,您就不能使用
窗口。我有一个方便的函数,我在项目的任何地方都可以使用它来测试我们是在哪一边导出const isServer=():boolean=>(!process.browser?true:false)
@ClémentPrévost
componentDidMount
只在客户端运行。