Nextjs加入Adsense代码

630 阅读1分钟

在Nextjs13以后的App路由结构中如何快速的插入Adsense代码?

首先找到/src/app文件夹中的layout.tsx文件,在顶部引入"Script"

import Script from "next/script";

image.png

然后在header标签中出入代码

<Script async src={'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxxxxx'} crossOrigin="anonymous" strategy="afterInteractive" />

client后面替换为你的内容。

image.png

最后,在public文件夹中上传你的ads.txt文件,这样就可以发布了。最后的效果可以看下:

www.ncfchina.co.uk/