Google Tag Manager中的自定义Javascript宏：确定单击了哪个按钮

Question

我有一个页面，访问者会得到两个页面，其中有两个按钮：是和否。

以下是html：

<footer>
<button id="authCreateAcctConfirmNoBtn" class="button2">No</button>
<button id="authCreateAcctConfirmYesBtn" type="submit" class="red-button">Yes</button></footer>

我在js上有点轻，但我从控制台中知道，如果我这样做：

document.querySelectorAll('footer > button')

然后返回两个按钮。

如果我这样做：

document.querySelectorAll('footer > button')[0].textContent

第一个按钮返回文本内容“否”。如果将0更改为1，则返回“是”。

该脚本在Google Tag Manager中称为宏，当

“单击发生”和“单击元素的ID包含”nim_authCreateAcctConfig”“（因此包含两个按钮），然后运行脚本（在Google标记管理器中称为宏”）

我的目标是跟踪访问者是否单击了yes（是）或no（否）。因此，根据单击的按钮，执行以下任一操作：

document.querySelectorAll('footer > button')[0].textContent // for No
document.querySelectorAll('footer > button')[1].textContent // for Yes

我在触发/触发规则中使用什么脚本来表示返回上面两个选项中的任何一个。我试图避免简单地使用if语句，而是用一种方式说“这个”

return thisButton.textContent

Answer 1

因为您已经为您的两个按钮分配了唯一的ID，所以您可以使用它。我认为这是一个更有效的方法。可以使用默认{{元素ID}}宏返回单击按钮的ID。所以在GTM中你会这样做：

1. 设置单击侦听器gtm。单击，在所有页面上启动
2. 对于“No”按钮，设置当{{event}}等于gtm时激发的标记。单击，当{element ID}}等于“authCreateAcctConfigrmNobtn”
3. 对于“Yes”按钮，设置一个当{{event}}等于gtm时触发的标记。单击，当{element ID}}等于“authCreateAcctConfigYesBtn”时

希望这能有所帮助。