。在Google标签管理器中，但在控制台中工作

Question

在开发人员的帮助下，我们将数据属性附加到了我们想要跟踪的所有元素，但是使用以下代码，请点击AN AN-TAG上，但我想从P-TAG中获取数据归因。

 <main id="content" class="page__content">  
  <div class="app-container page__content__wrapper">
   <div class="page_content_block">
    <p data-mng="mian-forgot-primary">
     <a href="https://homepage.com">Text about the homepage</a>
   </p>
  </div>
 </div>
</main>

以下功能在控制台（勇敢的浏览器和铬）中起作用。我正在单击链接时，我正在模拟单击网站上的点击。 .closest（）函数查找p-tag的DOM，并从那里提取属性数据MNG。在控制台中，我获得了我想要的“ mian-forgot-primary”值的输出。

$0.addEventListener('click', (e) => {
 e.preventDefault();
const a = e.target.closest('p');
const mng = a.getAttribute('data-mng');
console.log(mng);
});

然后，我尝试将其作为一个具有以下功能的自定义JavaScript变量作为google标签管理器中的函数实现。在Google标签管理器中预览并单击链接（以前的仿真）时，我只是获得“未定义”的值，而我不明白为什么它对我不起作用？

查看文档，我认为.closest（）函数“遍历元素及其父母，直到找到与提供的选择器字符串匹配的节点” ？

function(){
 var gtmMng = event.target.closest('p').getAttribute('data-mng');
 return gtmMng;
}

Answer 1

GTM不会让您典型地接触您在正常事件回调中获得的事件。取而代之的是，您必须转到内置的GTM变量，并启用点击元素var。然后，您可以按照event.target进行使用，即单击触发器。

另外，请使用GTM预览变量调试器来确保您不会在计时问题中运行。但是，它们不太可能与单击规则相关，因此在启用点击元素var之后，下面的代码应起作用。

function(){
 return {{Click Element}}.closest('p').dataset.mng;
}