type
status
date
slug
summary
tags
category
icon
password
初步熟悉并为NextJs框架开发的应用添加自己需要的功能，就碰到了很多坑哦，真是不容易啊，本文主要讲了前端新手通过上网各种Google寻找资料，找到了一种比较简单粗暴的集成Google Analytics的方法，还有更多的方法也寻找到了，只不过受限于时间精力，没有去尝试验证，读者们有空可以自己去验证。
前言
最近喜欢上了
NextJs+Vercel技术方案，太适合低成本上线一个网站啦。真是白嫖让人上瘾啊😂。上架了一个网站后，碰到了几个问题，我想要收集网站的统计数据，
pv，uv等信息。海外项目，还是适合使用Google Analytics。不过碰到了技术问题，不知道在NextJs的项目中，如何集成这个玩意。碰到的问题
在
Google Analytics后台，创建一个新的媒体资源后，最终会给出添加统计的js代码。如下
可是这段代码没办法插入到
index.tsx文件中，很无奈啊，香菇难受。github上找了好久，最终找到了一个办法，尝试了下OK了(虽然是比较low的方式，一点也不优雅)。现在都找不到这个解决方法的网络地址了😂在
index.tsx文件的返回值里面，在Head里面插入对应的<script>代码，以及后面的<noscript>的代码是不优雅，能解决问题就好。
其他的解决方案
上网漫游中，还搜索到了其他的一些方案，这都是后续搜集到了，但还没有尝试，比如NextJs官网上提供的关于next-script-for-ga的实例，这个也是写这篇文章的时候才看到. 地址是
https://nextjs.org/docs/messages/next-script-for-ga 提供了好几个方案。以及
segunadebayo的Add Google Analytics to NextJS，代码地址为https://gist.github.com/segunadebayo/4c8b506fc4a69a22735b7fa3a21415e4以及
MauricioRobayo专门为NextJs和Google Analytics写的一个开源库https://github.com/MauricioRobayo/nextjs-google-analytics 直接用它应该也是可以的。好啦，本文到此结束。