Google Tag Manager、Google Analytics 根据 Javascript 变量 click 制作单独的事件答案

【问题标题】：Google Tag Manager, Google Analytics make seperate event based on Javascript variable clickGoogle Tag Manager、Google Analytics 根据 Javascript 变量 click 制作单独的事件
【发布时间】：2015-11-04 22:59:11
【问题描述】：

所以我想知道是否有可能在 Google Analytics 上的事件中报告哪些 ID 被点击而无需制作多个标签。例如，它会显示 GA 中的 id 和点击次数。例如，我在同一页面上单击时打开了多篇文章。我想知道人们通过谷歌分析打开了哪些文章。

如果不是，我只需要一个通用的，告诉我有多少人在点击文章或为每个文章设置单独的标签。我只想灵活地跟踪它们，而无需在每次创建新文章时都设置新的自定义 javascript 变量。

谢谢

选择一个 id 时的自定义 Javascript 变量代码：

function() {

  var el = document.getElementById("mara");

  if (el.addEventListener) {
      el.addEventListener("click", function() {
          return ("False");
      });
  } else { //IE8 support
      el.attachEvent("onclick", function() { 
          return ("False");
      });
  } return ("True");
}

当用户选择它时打开的一篇文章的 HTML 会显示完整的故事：

<div id="mara">
            <div class="summary slideUp">
                 <div class="content">
                    <h1>Header</h1>
                 </div>
            </div>

            <div class="fullStory">
                <div class="content">
                    <div class="padder">
                        <h1>Content Header</h1>            
                        <p>Content</p>
                    </div>
                </div>
            </div>
</div>

【问题讨论】：

请显示您用于文章链接的代码。您是否为所有文章使用了特定的类名？
因此，如果这不准确，请纠正我：您需要一个返回被点击文章 ID 的标签。此外，您可能想稍微修改一下您的问题。我在同一句话中看到了您想要的两件事：“跟踪特定 id 的点击次数”和“一个输出哪个 id 被点击的标签作为单独的事件名称”

标签： javascript variables google-analytics google-tag-manager

【解决方案1】：

因此，在您的 GTM 中，您需要一个分析标签。在该分析标签中，您需要以下内容：

代码类型 - 通用分析

跟踪类型 - 事件

这些是您必须添加的数据层变量。

类别 - {{事件类别选择一个名称}}

Action - {{Event Action 选择一个名称}}

标签 - {{事件标签后缀选择一个名称}}

然后在您的 js 中的某处包括以下内容。您甚至可以在 GTM 中添加自定义脚本

function onAnaEvent(target) {

    if (dataLayer && dataLayer instanceof Array) {
        var setGtmElement = function (el) {
            return el.trim().slice(0, 40).concat('...');
        }

        dataLayer.push({
            'event' : 'choose-a-name',
            'eventAction' : setGtmElement(target.id) || setGtmElement(target.textContent) || setGtmElement(target.title) || 'Sorry, no value',
            'eventValue' : undefined, /* or a value */
            'eventCategory' : location.pathname,
            'eventLabel' : 'Choose a label'
        });
    }
}


document.addEventListener('click', function(event){
    /** You probably want to filter this, so every click is not sent to GTM */
    onAnaEvent(event.target);
}, false);

【讨论】：

我不确定这与 OP 的问题有什么关系。看起来很不相关。
真的吗？也许我误解了这个问题。看起来他想要一种动态的方式来获取特定的标签。

【解决方案2】：

转到您的标签管理器界面，从菜单中选择变量，然后在“点击次数”列中选择“点击 ID”。

根据您的示例代码，用户必须单击具有您要查找的 id 的元素才能展开该部分；这意味着您可以附加一个 GTM 点击处理程序，它会自动（如果在 GTM 界面中启用）收集 id、类等信息。您可以像使用大括号（即 {{Click ID}} ）的任何其他变量一样访问它们

但是，您需要稍微调整您的点击功能 - 如果您执行“return false”（我收集的是您所说的“return “false””的意思 - 布尔值不需要引号）GTM 点击处理程序将不行。你必须使用标准的event.preventDefault()。

您可以在事件跟踪 Analytics 代码中使用 ID，并查看行为报告以查看每个 ID（设置为事件操作）点击事件（作为事件类别）发生的频率。

【讨论】：