Google 跟踪代码管理器和 Oracle APEX：跟踪关闭对话框答案

【问题标题】：Google Tag Manager & Oracle APEX : Track close dialogGoogle 跟踪代码管理器和 Oracle APEX：跟踪关闭对话框
【发布时间】：2017-12-06 10:44:11
【问题描述】：

我在 ORACLE APEX 应用程序中实现了 Google Analytics。我想知道如何在 Google Analytics 中跟踪“关闭模式对话框/按下关闭按钮”事件。

我用 Google 跟踪代码管理器尝试了以下操作：

标签我创建了一个标签，作为事件类型。其中包含一个触发器，当单击的元素匹配 .ui-dialog-titlebar-close 时将触发标签。

触发器

关闭按钮 HTML：

<button type="button" class="ui-button ui-dialog-titlebar-close" role="button" title="Close">
<span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span>
<span class="ui-button-text">Close</span>
</button>

当我使用 Next(volgende) 或 cancel(annuleren) 按钮更改触发器中的 CSS 匹配项时，标签会在点击时被激活，并且可以在 Google Analytics Events 中查看该事件：

希望有人能帮帮我！

编辑

将 CSS ui-dialog-titlebar-close 提及更改为 .ui-dialog-titlebar-close，缺少一个点。但这并没有解决我的问题。仍然看不到事件中的关闭动作。

【问题讨论】：

css 选择器需要一个实际的 css 选择器，你错过了课程，.（点），试试.ui-dialog-titlebar-close
@ztadic91 这实际上并不能解决我的问题，这太糟糕了..还有其他解决方案吗？ :)
能否提供html所在站点的链接？
很抱歉我不能给你网站的网址，这是一个私人应用程序，无法从外部访问。

标签： oracle google-analytics modal-dialog google-tag-manager

【解决方案1】：

发表评论会太长，所以我会在这里添加一个可能的答案。试试这个选择器。

.ui-button.ui-dialog-titlebar-close,.ui-button.ui-dialog-titlebar-close .ui-button-icon-primary.ui-icon.ui-icon-closethick,.ui-button.ui-dialog-titlebar-close .ui-button-text

这是按钮和里面的两个 span 元素的选择器。

【讨论】：

@Elvira 如果解决了您的问题，请将问题标记为已回答
完成，我不小心点击了上面的箭头，而不是接受答案。再次感谢！我很高兴它现在可以工作了。