跳到主要内容

游牧周记第40期

· 阅读需 3 分钟
Suhe
Suhe
This site owner

开发​

nextjs的google ads问题​

我的nextjs网站，似乎在集成ads时都一直有问题。 原来的代码：

<Script async src={`https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=${process.env.NEXT_PUBLIC_ADSENSE_ID}`} crossOrigin="anonymous" strategy="afterInteractive" />

AD不会显示，并有warning:

adsbygoogle.js?client=undefined:225 AdSense head tag doesn't support data-nscript attribute.

按照ChatGpt说法：

问题就出在 Next.js 的 <Script> 组件：它会额外加上 data-nscript 之类的属性，而 Google AdSense 的脚本是 严格要求只能原样引入 的。

✅ 正确做法​

直接用原生 <script>，不要用 next/script：

// app/layout.tsx 或者 _document.tsx <head> <script async src={`https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=${process.env.NEXT_PUBLIC_ADSENSE_ID}`} crossOrigin="anonymous" ></script> </head>

❗️另外注意​

  1. process.env.NEXT_PUBLIC_ADSENSE_ID 必须在 .env 文件里定义，例如：

    NEXT_PUBLIC_ADSENSE_ID=ca-pub-1234567890123456

    并且要以 NEXT_PUBLIC_ 开头，否则 Next.js 不会暴露到前端。

  2. Google AdSense 要求 必须在 <head> 内加载，不要放到 <body>。

当然我还是硬编码ads id方便一些。

关注​

江边学社​

佛学频道，介绍里有一句：“特别感谢@闲者知无涯-吴魏老师，他是本频道一切内容的缘起；”。 这个信息量大，我才知道自己听了很久，随时被封的闲者知无涯叫做吴魏。 另外闲者知无涯在youtube的频道多年未更新了，关注也就几百人。 而这位有2万+，每个视频点击也是数千到数万。 音频完全来自闲者知无涯，配了动画和图，很不错。 看了几集，回顾当时听的情况，感觉真的可以理解他为啥被封多次了，什么“永远健康”之类的😂。

影视​

星期三season2​

第4-8集出来了，原来当爆米花片看的，没想到越来越惊艳，后面剧情和演员表现都非常厉害。难得的不落俗套的娱乐佳片。 小狼女灵魂互换那集真是太棒了，隐身妹也没那么刻板和工具人了。 我就觉得乌鸦女面熟，果然是久违的Lady Gaga。

异形地球​

各方面评价都很高，我觉得还行。 Fox的片，暴力方面不打折扣。 刚看了第5集，有那味了，愚蠢的人类啊。 异形不是只有一种，他们之间有竞争，神仙（妖怪）打架，眼球怪的压迫力超过JJ怪了。