npm 包 @atlaskit/analytics-gas-types 使用教程

简介

@atlaskit/analytics-gas-types 是一种用于在 Google Analytics 4 中报告事件和属性的类型定义库。它定义了用于报告到 GA4 的各种事件、参数和属性。

安装

可以通过 npm 进行安装:

--- - -----------------------------

使用

1. 导入 Types

TypeScript 能够识别我们导入的每个类型。导入类型的技术术语叫做 Type Only Imports

------ ---- -
  -----------------
  --------
  ---------------------
- ---- --------------------------------

2. 创建 GA 事件

通过创建 UIAnalyticsEvent 对象,可以将事件和属性报告到 GA4。

----- ------ ---------------- - -
  ------- ----------
  -------------- ---------
  ----------- -
    -------------- -----------
    --------- ---
    ----------- ------
  --
  ---------- -----
--

3. 添加属性

属性是事件的关键部分。它们包含与事件相关的附加信息。 属性位于 attributes 对象中,并遵循特定的名称和类型。

----- ------ ---------------- - -
  ------- ----------
  -------------- ---------
  ----------- -
    -------------- -----------
    --------- ---
    ----------- ------
  --
  ---------- -----
--

根据您要报告的事件类型,可能需要使用不同的属性。 以下是一些示例属性:

  • duration (number): 操作的持续时间(以毫秒为单位)
  • itemCount (number): 表示项目数(例如,列表中的项目数)
  • componentName (string): 组件名称

4. 增加支付参数

如果您正在报告加入购物车或结算操作等支付事件,则需要一些特殊属性。

以下是一些示例属性:

----- -------- ------- - -
  ---------- --------
  ------- ------------------
  ---------- -
    --------- -
      ------- ----------
      --------------- ---------
    --
  --
  -- ------ --------- - ---------
  ------------- ------
  -- ------------- ----------- ---
  ----------- -
    ----------- ----------
  --
  ------ -
    -
      -------- -----------
      ---------- ----------
      -------------- ----- -------
      ------------- ------
      ----------- ------
      ------ -----
      --------- --
    --
  --
--

5. 增加跟踪参数

除要在属性中报告的值之外,还可以将其他参数传递给 Ga4 以更好地了解访问者和事件的上下文。这些参数通常称为 “跟踪参数”。

----- ------------- -------------------- - -
  ----------- --
  ----------- -------------
  -------- --------
  --------------- -----
  -------------- --------
  ------------ -------
  ----------- -----------
  ----------- ---
--

6. 发送 GA 事件

最后,我们需要将事件发送到 GA4。 为此,您需要一个客户端 ID 和 Google Analytics API

------ - ------------------ - ---- --------------------------------

----- ------ - --- --------------------
  --------- ----- ------ ----
---

----- ------- - -- -- -
  -------------
    ---------
    ----------- -
      --------------------
      ---------------- -------------
    --
  ---
--

结论

@atlaskit/analytics-gas-types 是使用 Google Analytics 4 并将事件和属性报告到 GA4 的必备工具。我希望这个教程可以帮助您学习它,并对您今后的工作有所帮助。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/155291


猜你喜欢

  • npm 包 floodix 使用教程

    简介 floodix 是一款基于 Node.js 平台的开源 JavaScript 库,它提供了一个快速、简单的方式,利用 Node.js 实现端到端的网络流量控制。

    5 年前
  • npm 包 eliteselfbot 使用教程

    在现今社交网络的大量用户中,使用自动化软件扮演一个角色已成为一种非常普遍的现象。在 Discord,一个知名的聊天软件中,我们可以通过使用 eliteselfbot 来实现自动化操作。

    5 年前
  • npm 包 discordbothx 使用教程

    简介 discordbothx 是一个 Node.js 架构下的 Discord 机器人开发框架。使用它可以更加方便地开发和管理您的 Discord 机器人,同时还支持多个 Discord 服务器和频...

    5 年前
  • npm包cleverbot-twitch使用教程

    随着互联网的发展,直播行业迅速发展,越来越多的人选择成为一名直播主播。作为一名直播主播,互动是最为重要的内容之一。其中,让观众有趣的互动体验就是使用聊天机器人的一种方式。

    5 年前
  • npm包:@dwellings/cleverbotguy 使用教程

    简介 在编写聊天机器人的时候,我们常常需要一些自然语言处理的模块。这时候就需要引入第三方模块来提供相关功能。其中,@dwellings/cleverbotguy 就是一款非常优秀的自然语言处理工具,能...

    5 年前
  • npm 包 rbot 使用教程

    前言 近年来,机器人技术日益受到人们的关注和认可,而在机器人开发中,自动化测试又是一个十分重要的环节,可以有效提高产品质量。为了解决自动化测试的需求,前端开发人员推出了一个名为 rbot 的 npm ...

    5 年前
  • npm 包 naught 使用教程

    在前端开发过程中,我们通常使用 Node.js 进行开发,而 npm 是 Node.js 的包管理工具,能够方便地下载、安装和使用各种包。naught 是一个基于 Node.js 的守护进程管理器,可...

    5 年前
  • npm 包 minecraft-crafter 使用教程

    简介 minecraft-crafter 是一个适用于 Minecraft 游戏和 Minecraft 服务器插件开发的 npm 包。通过使用该包,可以简化 Minecraft 游戏和服务器插件的开发...

    5 年前
  • npm包 @xbyleon/minecraftbot 的使用教程

    简介 @xbyleon/minecraftbot 是一款基于 JavaScript 的 npm 包,它提供了许多功能,可以让你通过程序与 Minecraft 游戏进行交互,包括但不限于: 自动挖掘方...

    5 年前
  • npm 包 bench-csv 使用教程

    简介 bench-csv 是一个用于性能测试的 Node.js 模块,它可以方便地测量代码段的性能。它使用 CSV 文件来记录测试结果,便于后续分析。同时,它也提供了一些功能强大的 API 来自定义测...

    5 年前
  • npm 包 voxel-worldgen 使用教程

    当我们需要在前端网页中展示一个有趣的 3D 场景时,我们可能需要用到一个工具来生成这个场景,这时我们可以使用 npm 包 voxel-worldgen。 什么是 voxel-worldgen? 在游戏...

    5 年前
  • npm 包 @ronthecookie/prismarine-block 使用教程

    简介 @ronthecookie/prismarine-block 是一个底层的 Minecraft 方块操作库。它可以用来读取和修改 Minecraft 世界中的方块数据。

    5 年前
  • npm 包 jison-plus 使用教程

    前言 jison-plus 是一个基于 jison 的编译器生成器,提供了一种简化的 BNF 语法,并支持多目标语言生成。在前端开发中,我们常常需要编写一些语法分析器以及编译器,例如解析 CSS、JS...

    5 年前
  • npm 包 endian-toggle 使用教程

    在前端工作中,我们经常需要与二进制数据打交道。这时,我们就需要了解二进制数据的字节序问题。在不同字节序的计算机上,同一个二进制数据可能被解释成完全不同的值。为了解决这个问题,我们可以借助 npm 包 ...

    5 年前
  • NPM 包 Yggdrasil 使用教程

    在现代 Web 开发中,我们经常使用许多工具和框架来提高前端开发的效率。而 NPM 是前端领域最常用的包管理器之一,它能帮助我们快速地安装和升级依赖项。在这篇文章中,我们将介绍一个 NPM 包 Ygg...

    5 年前
  • npm 包 conduit-server 使用教程

    前言 conduit-server 是一个基于 Node.js 的全栈 Web 应用开发框架,它提供了一个包含身份验证、文章管理、实时聊天等功能的现成的完整应用程序,并且具有可扩展性和可定制性。

    5 年前
  • npm 包 basic-minecraft-proxy 使用教程

    前言 在前端开发过程中,有时需要使用到一些 npm 包。本文主要介绍一个名为 basic-minecraft-proxy 的 npm 包,它是一个轻量级的 Minecraft 代理服务器,可用于在 M...

    5 年前
  • npm 包 @mineproxy/hidenseek 使用教程

    前言 在今天的互联网时代中,用户对于隐私和安全越来越关注。尤其在网络游戏中,很多玩家需要使用代理来保护游戏账户的安全。但是,代理的配置和使用一直是困扰玩家的问题。为了解决这一问题,现在有一个轻量级的 ...

    5 年前
  • npm 包 uint4 使用教程

    简介 在前端开发中,我们常常需要在 JavaScript 中进行二进制数据的操作。为了在 JavaScript 中处理如 IPv4 地址和 RGBA 颜色等二进制数,我们通常需要将其表示为字节数组或无...

    5 年前
  • npm 包 prismarine-nbt 使用教程

    前言 随着 Minecraft 的流行,越来越多的人开始对 Minecraft 游戏内的存档数据感兴趣。而这些数据通常以 NBT 文件格式存储。 本文将会介绍如何使用 npm 包 prismarine...

    5 年前

相关推荐

    暂无文章