npm 包 redux-adobe-dtm 使用教程

阅读时长 4 分钟读完

什么是 Redux?

Redux 是一个 JavaScript 应用程序的可预测状态容器,常常与 React 一起使用。它类似于 Flux 架构,但具有更好的性能和开发体验。

什么是 Adobe DTM?

Adobe Dynamic Tag Management(DTM)是 Adobe Marketing Cloud 中的标签管理器。它使营销人员可以更轻松地在其网站上添加和管理第三方代码和跟踪脚本。

redux-adobe-dtm 是什么?

redux-adobe-dtm 是一个提供了 Redux 与 Adobe DTM 集成的 npm 包。

如何使用 redux-adobe-dtm?

安装

在项目目录中执行以下命令来安装 redux-adobe-dtm:

或者使用 Yarn:

配置

在 Redux Store 中配置 redux-adobe-dtm:

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

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

----- ----- - ------------
    ------------
    ---------------------- --------------
--
展开代码

使用

在 Redux Action Creator 中使用 dtmTracker 对象来跟踪页面视图(Page View)和动作(Action):

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

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

------ ----- ---------- - -- -- ----- ---------- --------- - ---------- -- -- -
    ------------------------------
    --- -
        ----- ----- - ----- -------------
        -----------------------------------
        -- ------
        ---------------------------
    - ----- ------- -
        ------------------------------
    -
--
展开代码

总结

redux-adobe-dtm 是一个非常实用的 npm 包,它使得将 Adobe DTM 添加到 Redux 应用程序中变得更加容易。使用此包,您可以轻松地在 Redux 中跟踪页面视图和操作,从而帮助您更好地了解您的用户并改进您的营销策略。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6006700ce361a36e0bce8c7d

纠错
反馈

纠错反馈