如何从我的react（Gatsby）组件触发Google跟踪代码管理器触发器？

Question

我的设置：我已将Gatsby Google跟踪代码管理器插件添加到我的Gatsby代码中，并在我的GTM仪表板中设置了几个代码。

我的问题： 当我向Redux传奇发送动作时如何触发标签？ 基本上，有人可以告诉我如何从我的代码中触发标签吗？ Gatsby文档对其插件没有提及。

Answer 1

如果您不必使用redux saga，则可以考虑使用一种解决方案redux beacon来解决此问题。该文档非常简单。您将动作映射到GTM功能。我发现这对于完成这些任务非常容易。

在我头顶的伪代码中，它就像...

const myDataLayerPushFunction = (stateIn, stateOut, action) => {
  return {
    event: stateIn.event.i.am.mapping
  }
}

export eventsMap = [
  actionYouWantToTarget: mydataLayerPushFunction
]