什么是redux-ga-middleware
redux-ga-middleware是一个Redux中间件，旨在让Google Analytics（GA）的事件跟踪与Redux状态管理框架集成。
使用redux-ga-middleware中间件，您可以像使用Redux store中的任何其他信息一样在应用程序中跟踪GA事件。
安装
在项目中运行以下命令来安装redux-ga-middleware：
npm install redux-ga-middleware
示例代码
下面是一个示例Redux Store配置，它使用redux-ga-middleware中间件来捕获不同Redux事件:
-- -------------------- ---- -------
------ - ------------ --------------- - ---- -------
------ ------------- ---- ------------------------------
------ ------------ ---- --------------
------ - ---------------- - ---- --------------------
------ - ------------------- - ---- --------------------------
------ ------------ ---- ---------------------
------ ----------- ---- ------------
----- ------- - ---------------
----- -------------- - -- -- -
----- ----------- - --
-- --- ------ ---------- -- ----- ----- ---------- ----
-------------------------------------------
-- --- ------ --------- ---------- -- ----- ----- ---------- ----
-----------------------------------------------
-- ------ ------ -- -----------
-- --------------------- --- ------------- -
--------------------------------
-
------ ------------
------------
--------------------
--------------------------------
-- ----- ----- --------- -- ---
-
-
-
------ ------- --------------在上面的示例中，我们将redux-ga-middleware配置为在创建应用程序的Redux Store时使用。请注意，我们需要为中间件传递我们的GA跟踪ID。
在我们的中间件列表中，我们还将routerMiddleware添加到自己的Redux事件中。这将确保我们可以在Redux Store中捕获更多事件，从而触发Google Analytics跟踪。
最后，请注意，我们使用了createLogger，该工具将在开发时记录Redux Store中的所有事件。这可以帮助我们随着项目的增长更好地调试和优化应用程序。
如何使用redux-ga-middleware
在您的Redux Store中，您可以使用redux-ga-middleware捕获Redux事件，并在Google Analytics中跟踪它们。
下面是一个示例Redux action，其中我们触发Redux Store中的GA事件：
-- -------------------- ---- -------
------ ----- ------ - ------- -- -
----- ------ - -
----- ---------
------
-- ---- -- ----- ----
--- -
--------- ---------
------- ---------
------ ------
--
-
------ ------
-在此示例中，我们在创建Redux action时添加了一个特殊的ga属性。我们填写此属性在Google Analytics中跟踪事件时需要的内容。在应用程序中的其他地方，我们可以在Redux Store中捕获这些事件并使用redux-ga-middleware将其发送到GA。
总结
redux-ga-middleware是一个方便的Redux中间件，可用于将Google Analytics事件完全集成到您的Redux状态管理方案中。它可以让你更好地深入了解你的应用程序的不同部分被使用的方式，以及一个更好的理解哪些区域可能需要进一步优化或改进。
在您的下一个项目中，试试Redux-GA中间件，并探索如何集成Google Analytics，以便获得更好的见解和网站性能跟踪。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d1f81e8991b448dacd7