【最新】在Next.js中引入Google Analytics4(谷歌分析)

本文介绍了如何使用@next/third-parties库在Next.js应用中集成GoogleAnalytics4,包括安装依赖、在App和Page路由中引入GoogleTagManager,以及如何发送事件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用@next/third-parties/google

@next/third-parties提供的GoogleAnalytics组件,完成Google Analytics4接入

开始

安装 @next/third-parties 依赖:

npm install @next/third-parties@latest

@next/third-parties是一个Vercel官方开源的第三方程序集成库,可用于将第三方库加载到 Next.js 应用程序中,Google Analytics4就是其中之一。

除了谷歌分析之外还能接入Youtobe嵌入、谷歌地图等等

所有Google支持的第三方库都可以从@next/third-parties/ Google导入

如果你使用的是App路由

app/layout.tsx

import {
    GoogleTagManager } 
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值