Google Analytics

如果想要统计网站的访问数据、性能数据，可以通过google analytics来添加支持。

填入需要的网站地址和名称。可以得到一个G-XXXXXXXX的代码。
如图

就是衡量ID。

页面配置

找到_app.tsx(__app.tsx)。将如下代码复制到<HEAD>上下均可。

<Script strategy="lazyOnload" src={`https://www.googletagmanager.com/gtag/js?id=G-WTZ3T770H />
<Script strategy="lazyOnload">
{`
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', G-WTZ3T770H, {
page_path: window.location.pathname,
});
`}
</Script>

注意要将G-XXXX替换为自己的衡量ID。

CSP

内容安全策略是一个额外的安全层，有助于检测和缓解某些类型的共计，包括跨站点脚本和数据注入攻击。
配置好google的js后，需要将相应的域名添加到CSP中。

 `...script-src 'self' 'unsafe-eval' 'unsafe-inline' *.googletagmanager.com *.google-analytics.com;...`

然后重新上线网站，等一会就能在google analytics中看到自己的网站信息了

在next js中添加google analytics功能相关推荐

在像Angular2这样的SPA应用中使用Google Analytics的方法
Angular2のようなシングルページアプリケーションでGoogleアナリティクスを使う方法如何在像Angular2这样的SPA应用中使用Google Analytics? 试着调查了一下. 由于S ...
富文本中添加字体选项功能_扑中的字体功能
富文本中添加字体选项功能 A little extra help for styling your text 样式设置方面的一些额外帮助 I recently learned about a litt ...
博客园 cnblogs博客添加Google Analytics统计
在cnblogs的文章列表中只可以看到自己的每篇文章的页面浏览量,没有详细的统计信息.Google Analytics作为强大的统计工具,能得到几乎所有想要的统计信息,是博客不可多得的好工具,本文介绍 ...
在verto_communicator中添加呼叫入会功能
verto_communicator中添加呼叫入会功能基于FreeSWITCH Version 1.9.0+git~20181001T145919Z~b5624eca20~64bit 一.修改fps ...
OAF在打开的新页面中添加按钮，功能是关闭当前页面
OAF在打开的新页面中添加按钮,功能是关闭当前页面 javascript:close()
【转】在你的博客中添加Google地图(Use Google Map API On Your Bolg)
在你的博客中添加Google地图(Use Google Map API On Your Bolg) *+申请一组 Google Maps API Key 在使用 Google Maps API 之前, ...
python右键弹出菜单编写_python实现应用程序在右键菜单中添加打开方式功能
最近项目组开发的一个小工具想要在右键菜单中添加打开方式,以有道云笔记为例进行了需求拆解和代码编写 1.需求拆解: 如何实现手动添加右键菜单的打开方式: Step1:打开注册表编辑器,Win+R-> ...
Three.js中添加指南针
本例在three.js中添加一个指南针. 前提: 1.three.js中场景的控制是使用OrbitControl控制相机,换言之,世界坐标系的旋转其实转动的是相机,即相机的转向即为世界坐标系的转向.本 ...
如何在app应用中添加支付宝支付功能
推广排名q.q①⑨⑨⑦〇⑦④⑥*如何在app应用中添加支付宝支付功能作为一枚普通的商户,或者 App 的开发人员,如何在对支付完全不了解的情况下,让 App 成功接入支付功能呢? 1)App 想接入 ...

在next js中添加google analytics功能

Google Analytics

页面配置

CSP

在next js中添加google analytics功能相关推荐

最新文章

热门文章