1

我Google Tag Manager用来处理 Facebook Pixel。

该像素应该通过具有自定义参数的自定义事件触发：{ make、model} 和自定义条件：{make等于ford、model等于focus}。

我有两个基本实现（每个都有自己的项目）。

在项目 1中，我使用 JS Vanilla 代码并GTM按照他们的建议集成代码（更新头部/主体）。

然后，当我打电话时：

dataLayer.push({
  event: 'PageViewEvent',
  make: 'ford',
  model: 'focus',
});

当条件匹配→ Success时，触发器会正确激活。

在项目 2中，我使用的是NPMpackage: react-gtm-module。

为了使用它，我首先使用以下方法对其进行初始化：

import TagManager from "react-gtm-module";

// ...

const tagManagerArgs = {
  'gtmId': gtmId,
  dataLayer: {
    'js': new Date(),
    'event': 'Initialize'
  },
  dataLayerName: 'MyCarDataLayer'
}

TagManager.initialize(tagManagerArgs);

然后我尝试通过以下方式激活触发器：

import TagManager from "react-gtm-module";

// ...

const tagManagerArgs = {
  'gtmId': gtmId ,
  dataLayer: {
      'js': new Date(), // current date time,
      event: 'PageViewEvent',
      make: 'ford',
      model: 'focus',
  },
  dataLayerName: 'MyCarDataLayer' // must match the name specified in the TagManager.initialize() call
}

TagManager.dataLayer(tagManagerArgs);

但这一次触发器没有被激活。

当我检查应该被激活的触发器的状态时，我得到以下信息：

在此处输入图像描述

我可以看到甚至事件名称都不匹配。它以当前路线作为事件名称，但我指定为 event: PageViewEvent。

在这两个示例中，我都使用了相同的参数。然后，我想我没有正确使用这个NPM包：react-gtm-module

你能帮我解决这个问题吗？

提前致谢！

4

0 回答 0