# @dreamdata/analytics-next 中文文档

规范地址：https://npmcn.com/package/%40dreamdata/analytics-next/

版本：2\.0\.4
npm 元数据更新时间：2024-09-16T07:24:37.549Z
中文译文更新时间：2026-11-12T19:32:17.744Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40dreamdata/analytics-next
原文对照：https://npmcn.com/package/%40dreamdata/analytics-next/?lang=original
项目主页：https://github.com/dreamdata-io/analytics-next#readme
源码仓库：https://github.com/dreamdata-io/analytics-next

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：2.2 MB，931 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：12 个
- 首次发布：2024-05-31T09:00:57.253Z
- 最新版本发布：2024-09-16T07:24:37.358Z
- 近 30 天下载量：73871（2026-10-13 至 2026-11-11，npm 官方下载统计）
- 已发布版本数：7（近 12 个月 0 个）

## 中文简介

Analytics Next (aka Analytics 2.0)是"梦之数据"JavaScript SDK的最新版本.

## 安装

```sh
npm install @dreamdata/analytics-next
```

也可以使用：`pnpm add @dreamdata/analytics-next`、`yarn add @dreamdata/analytics-next`、`bun add @dreamdata/analytics-next`

## README

# @dreamdata/analystics- next (英语)

Analytics Next (aka Analytics 2. 0) 是梦幻数据的最新版本 JavaScript SDK (英语).

## 快速启动

"分析2.0"最简单最快速的开始方法是 [通过 Dreamdata 使用](https://npmcn.com/package/%40dreamdata/analytics-next/#readme-using-with-dreamdata)。或者,你可以 [通过国家预防机制安装](https://npmcn.com/package/%40dreamdata/analytics-next/#readme-using-as-an-npm-package) 并做仪表 你自己来.

## 使用 Dreamdata 数据

导航到 [梦中数据](https://app.dreamdata.io/) 并选择 JavaScript v2.0. 点击"重新配置脚本"通过一个向导来设置脚本.

## 用作一种 `npm` 软件包

1.  安装软件包

```sh
# npm
npm install @dreamdata/analytics-next

# yarn
yarn add @dreamdata/analytics-next

# pnpm
pnpm add @dreamdata/analytics-next
```

2.  将软件包导入到您的项目中, 您可以继续工作( 工作) 类型)!

```ts
import { AnalyticsBrowser } from '@dreamdata/analytics-next'

const analytics = AnalyticsBrowser.load({ writeKey: '<YOUR_WRITE_KEY>' })

analytics.identify('hello world')

document.body?.addEventListener('click', () => {
  analytics.track('document body clicked!')
})
```

注意, 您可以在 Dreamdata app 中查找您的写入键 .

## 懒惰/ 延迟装入

您可以装入一个缓冲分析版本, 需要 `.load` 将会是 在启动任何网络活动之前明确发出呼吁。 如果 您想要在发送任何跟踪数据之前等待用户的同意.

-   ⚠️`.load` 只能调用 _一次_。 。 。 .

```ts
export const analytics = new AnalyticsBrowser()

analytics.identify('hello world')

if (userConsentsToBeingTracked) {
  analytics.load({ writeKey: '<YOUR_WRITE_KEY>' }) // destinations loaded, enqueued events are flushed
}
```

如果您有要获取的设置, 此策略也会有所帮助 同步进行.

```ts
const analytics = new AnalyticsBrowser()
fetchWriteKey().then((writeKey) => analytics.load({ writeKey }))

analytics.identify('hello world')
```

## 共同框架和最高人民会议的使用

参见或关于与最高人民会议合并的文件 [这里](https://tracking.docs.dreamdata.io/client-side/how-to-track-spas)。 。 。 .

## 财务问题

### 使用脚本标记时添加打字符支持

1.  安装 npm 软件包 `@dreamdata/analytics-next` 是一个非常依赖.
    
2.  创建 `./typings/analytics.d.ts`
    

```ts
// ./typings/analytics.d.ts
import type { AnalyticsSnippet } from '@dreamdata/analytics-next'

declare global {
  interface Window {
    analytics: AnalyticsSnippet
  }
}
```

3.  配置要从自定义读取的打字符 `./typings` 文件夹

```jsonc
// tsconfig.json
{
  ...
  "compilerOptions": {
    ....
    "typeRoots": [
      "./node_modules/@types",
      "./typings"
    ]
  }
  ....
}
```

### 处理初始化错误

初始化错误在默认情况下会被登录, 但是如果您也想要捕获这些错误 错误,您可以进行以下操作:

```ts
export const analytics = new AnalyticsBrowser();
analytics
  .load({ writeKey: "MY_WRITE_KEY" })
  .catch((err) => ...);
```

## 常见问题

### @dreamdata/analytics-next 是什么？

Analytics Next \(aka Analytics 2\.0\)是"梦之数据"JavaScript SDK的最新版本\.

### 如何安装 @dreamdata/analytics-next？

在项目目录运行 npm install @dreamdata/analytics-next，或使用 pnpm add / yarn add / bun add。

### @dreamdata/analytics-next 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @dreamdata/analytics-next 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @dreamdata/analytics-next 可以商用吗？

@dreamdata/analytics-next 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @dreamdata/analytics-next 的下载量有多少？

根据 npm 官方下载统计，@dreamdata/analytics-next 在 2026/10/13 – 2026/11/11 这 30 天内被下载 73,871 次，日均约 2,462 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @dreamdata/analytics-next 还在维护吗？

最新版本 2\.0\.4 发布于 2024/09/16（2 年前）；至今共发布 7 个版本，其中过去 12 个月发布了 0 个；首次发布于 2024/05/31。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。