Google Tag Manager无需datalayer收集元素data属性值的方法问询

这种采集方式完全可行，你之前取值异常是变量、触发器配置细节有误导致的，按照以下步骤修正即可：

1. 修正元素属性变量配置 #

法语GTM界面中创建的「自动事件变量」→「元素属性」（Propriété de l'élément）类型的变量，直接在属性名输入框填写完整的属性名即可，无需加任何前缀：

• 采集data-product的值就填data-product
• 采集src的值就填src
• 采集data-shop的值就填data-shop

2. 修正点击触发器配置 #

你之前采集到错误值track_event的核心原因是触发器没有匹配到你需要的目标元素，触发逻辑调整如下：

• 触发器类型选择「点击-所有元素」
• 勾选触发前验证条件选项，触发时机选择「DOM完全加载后」
• 触发条件设置为：点击元素 → 匹配CSS选择器 → .link_class，该规则匹配精准度高于类名包含规则，不会出现误匹配
• 勾选「在事件冒泡阶段向上查找匹配元素」，避免点击元素内部嵌套的子节点时无法匹配到父级.link_class元素，导致属性取值失败

3. 效果验证 #

配置完成后进入GTM预览模式，点击测试链接，在预览面板的对应点击事件的变量标签页，确认{{Generic_Dataset_product}}已经正确取值为bbb后，再绑定到你的事件参数中即可正常采集。

如果需要采集其他非GTM内置的元素属性，只要按上述规则填写对应属性名即可，无需额外编写JS或者操作dataLayer。

内容的提问来源于stack exchange，提问作者Laurent