type
status
date
slug
summary
tags
category
icon
password

在 Nuxt 项目中接入 Google Analytics 4

1. 注册账号并创建项目

首先，需要注册一个Google Analytics账号并创建一个新项目。访问 Google Analytics 网站，根据提示开通相应的账号并创建自己的项目。

2. 普通网站引入方式

通常，我们需要在 index.html 文件的 <head> 标签中引入以下脚本：

3. 在 Nuxt 项目中引入

3.1 修改配置文件

修改nuxt.config.ts配置如下：

3.2 抽离并新建初始化 JS

在项目的 /static 文件夹下新建一个 js 文件夹，并在其中创建名为 analytics.js 的 JS 文件，将剩余代码写入其中：

3.3 或者修改 App.vue 引入 analytics.js

在 App.vue 组件的 useHead 方法中引用刚才创建的脚本即可：
说明：替换G-XXXXXXXXXX为自己的Google Analytics项目的ID。
大约24小时之后，Google就会开始搜集访问网站的数据🚀
提升生产力的十个Python自动化脚本技巧及实战案例[tailwindcss] —— SVG
  • Twikoo