谷歌标签管理器:如何使用“;自定义Javascript"在“;自定义HTML标记&”;

Google Tag Manager: How to use "Custom Javascript" in a "Custom HTML Tag?"

本文关键字:自定义 quot HTML 标记 管理器 Javascript 何使用 谷歌 标签      更新时间:2023-09-26

我有一个自定义的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吗?

您触发这些条件标签的方法都是错误的,您需要重新考虑如何使用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-引导标签

这是由您需要创建的触发器触发的,触发器类型=自定义事件,值="submittedEnterpriseContactForm"

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

标签3-转换标签

这是由您需要创建的3个触发器中的任何一个触发的,类型=自定义事件,值="completedSignUp"或值="upgrade"或值"frontUpgrade"

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

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