1

Google Tag ManagerFacebookピクセルを処理するために使用しています。

makeそのピクセルは、カスタム パラメータ: { , model} およびカスタム条件: { makeequals ford, modelequals }を使用してカスタム イベントを介して起動する必要がありfocusます。

私は2つの基本的な実装を持っています(それぞれが独自のプロジェクトにあります)。

プロジェクト 1では、JS Vanilla コードを使用GTMし、推奨どおりにコードを統合しています (ヘッド/ボディの更新)。

次に、私が呼び出すと：

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

条件が揃うとちゃんとトリガーが発動する→成功。

プロジェクト 2NPMでは、 package:を使用しています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。

両方の例で、同じパラメーターを使用していました。それから、私はNPMpackage:をreact-gtm-module適切に使用していないと思います。

これを手伝ってくれませんか？

前もって感謝します！

4

0 に答える 0