移动跟踪谷歌分析和谷歌标签管理器

Question

我想跟踪有多少用户在移动视图中点击网站上的通话按钮。 令人担忧的是，呼叫按钮被放置在具有相同代码的两个页面上。

我已经放置了以下代码来跟踪活动。但是因为相同的代码放在两个不同的页面上。我无法确定从哪个页面有多少用户点击。页面网址是静态的，它不会改变。所以我们使用事件跟踪区分。我附上了GTM＆amp; amp;屏幕截图。网页代码。图中灰色突出显示的是电话号码。 ＆安培;类代码（由于安全性，我无法共享移动号码和类）。此外，我突出了唯一一个代码不同的类（“pane-bean-additional-resources-about-trume”＆amp; pane-bean-safety-and-dosing-banner“）

         jQuery(".bw-mobile .ga-dosipage").click(function() { 
      try {
          dataLayer.push({
        'event': 'lear-more',
        'category': 'Call',
        'action': 'Click',
        'label': 'Page - abc'});
         } catch (err) {}
       });

任何机构都可以协助我更改GTM级别的代码。

提前致谢。

Answer 1

如果该css类是区分因素，您可以使用一些JavaScript来检查您所使用的版本。代码可能如下所示：

function getPageVersion(){
  var page = document.querySelectorAll(".pane-bean-safety-and-dosing-banner");
  if(page.length>=1){
    return "Page Version A";
  }else{
    return "Page Version B";
  }
}

这将返回＆＃34;页面版本A＆＃34;如果它能在页面上找到css类并返回＆＃34;页面版本B＆＃34;如果它不能。这样你就可以改变：

'label': 'Page - abc'

到：

'label': getPageVersion()

如果你想要一个纯GTM解决方案，只需将上面的代码放在Custom JavaScript Variable中（不要忘记删除函数名）。然后，您可以在{{NAME OF THE GTM JS VAR}}的{​​{1}}部分使用Event Label，并将Analytics Tag设置为Trigger，Click，在页面上启用按钮已打开，无论您的按钮类是什么，都会过滤到any click。