javascript - 谷歌标签管理器 : How to use "Custom Javascript" in a "Custom HTML Tag?"

Question

我有一个自定义的 JavaScript 变量，它正在检查 eventAction 是什么，这样我就可以知道是否触发一些转换像素。自定义 Javascript 称为“FacebookConversion”，如下所示:

function () {
  if({{eventAction}} == "completedSignUp" || {{eventAction}} == "upgrade" || {{eventAction}} == "frontUpgrade"){
    fbq('track', 'Purchase', {value: '{{eventValue}}', currency: 'USD'});
  }
  if({{eventAction}} == "submittedEnterpriseContactForm"){
    fbq('track', 'Lead');
  }
  console.log("HELLO");
  return;

}

然后我制作了一个自定义标记，该标记在发生 eventAction 转换的页面上触发。自定义 HTML 标记是我的转换像素，看起来像这样:

<script>
!function(f,b,e,v,n,t,s){....facebook code....);

fbq('init', 'xxxxxx');
fbq('track', "PageView");
  {{FacebookConversion}}
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=xxxxxx&ev=PageView&noscript=1"
/></noscript>

但这似乎不起作用。我这样做对吗？我可以在自定义标记中调用 {{FacebookConversion}} 并让它运行自定义 Javascript 吗？

Answer 1

您触发这些条件标记的方法完全错误，您需要重新考虑如何使用 Google 标记管理器。在此设置中绝对不需要使用自定义变量。

为了实现您想要的设置，您需要 3 个自定义 HTML 标签，每个标签由不同的触发器触发:

标签 1 - 主要 FB 浏览量标签

这是在“所有页面”上触发的主要综合浏览量标签

<script>
  !function(f,b,e,v,n,t,s){....facebook code....);

  fbq('init', 'xxxxxx');
  fbq('track', "PageView");
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=xxxxxx&ev=PageView&noscript=1"
/></noscript>

标签 2 - 潜在客户标签

这是由您需要创建的触发器触发的，类型 = 自定义事件且值 =“subscribedEnterpriseContactForm”

<script>
  fbq('track', 'Lead');
</script>

标签 3 - 转化标签

这由您需要创建的 3 个触发器中的任何一个触发，类型 = 自定义事件，并且值 =“completedSignUp”或 value="upgrade"或 value="frontUpgrade"

<script>
   fbq('track', 'Purchase', {value: '{{eventValue}}', currency: 'USD'});
</script>

就是这样。触发器决定何时触发标签，因此不需要任何额外的逻辑。您可能需要使用在转换标记中使用的变量来获取值，但这很大程度上取决于设置。