javascript - Google Tag Manager、Google Analytics 根据 Javascript 变量点击制作单独的事件

Question

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

如果没有，我只需要一个通用的标签，告诉我有多少人点击了这些文章，或者为每一篇文章设置单独的标签。我只是希望能够灵活地跟踪它们，而无需每次创建新文章时都设置新的自定义 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>

Answer 1

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

标签类型 - Universal Analytics

赛道类型 - 事件

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

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

操作 - {{事件操作选择名称}}

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

然后在你的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);