javascript - Google 标签管理器中的自定义 Javascript 宏 : Determining Which Button Was Clicked

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

第一个按钮返回文本内容“No”。类似地，如果我将 0 更改为 1，则返回“Yes”。

在 Google 跟踪代码管理器中称为宏的脚本在以下情况下根据触发规则触发:

“发生了点击”并且“单击的元素的 ID 包含“nim_authCreateAcctConfirm””(因此覆盖两个按钮)然后运行脚本(在 Google-Tag-Manager 中称为宏”)

我的目标是跟踪访问者是否单击了"is"或“否”。因此，根据单击的按钮，执行以下任一操作

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

我将在触发/触发规则上使用什么脚本来表示返回上述两个选项之一。我试图避免简单地使用 if 语句，而是使用一种方式来表示“this” for

return thisButton.textContent

Answer 1

由于您已为两个按钮分配了唯一的 ID，因此您可以使用它。我认为这将是一种更有效的方法。您可以使用默认的 {{element ID}} 宏来返回单击按钮的 ID。所以在 GTM 中你会这样做:

1. 设置点击监听器 gtm.click 以在所有页面上触发
2. 对于“否”按钮，设置一个代码，当 {{event}} 等于 gtm.click 且 {{element ID}} 等于“authCreateAcctConfirmNoBtn”时触发
3. 对于“Yes”按钮，设置一个在 {{event}} 等于 gtm.click 且 {{element ID}} 等于“authCreateAcctConfirmYesBtn”时触发的代码

希望这有帮助。