如何仅使用GA4追踪电话点击链接？无需借助Google Tag Manager

直接通过原生JavaScript就能实现，不用依赖Google Tag Manager，步骤如下：

• 确认GA4基础代码已部署
  先确保你的网站已经嵌入了GA4的全局gtag代码（一般放在页面<head>标签内），示例代码如下：

  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
  

  把G-XXXXXXXXXX替换成你自己的GA4测量ID。

• 添加电话点击监听代码
  在页面底部</body>标签前插入一段JS代码，用来监听所有tel:开头的链接点击并触发GA4事件：

  document.addEventListener('DOMContentLoaded', function() {
    // 选中所有电话链接
    const phoneLinks = document.querySelectorAll('a[href^="tel:"]');
    phoneLinks.forEach(link => {
      link.addEventListener('click', function() {
        // 向GA4发送自定义点击事件
        gtag('event', 'phone_click', {
          'phone_number': this.href.replace('tel:', ''),
          'link_text': this.textContent.trim()
        });
      });
    });
  });
  

  这里的phone_click是自定义事件名，你可以改成自己喜欢的名称；phone_number和link_text是事件参数，用来记录点击的号码和链接显示文本，方便后续分析。

• （可选）在GA4后台配置事件参数
  如果你想在GA4报告里直接看到这些参数数据，可以进入GA4后台的「事件」-「创建事件」，把phone_number和link_text设置为自定义维度，这样就能在报告中筛选不同的电话点击数据。

• 验证事件是否生效
  点击页面上的电话链接，打开GA4的「实时」报告，查看是否有phone_click事件出现；或者用浏览器开发者工具的Console面板，检查dataLayer里是否有对应的事件推送。

内容的提问来源于stack exchange，提问作者Lexiriam