使用 gtag.js 在 GA4 中追踪电话点击链接-js教程-PHP中文网

使用 gtag.js 在 GA4 中追踪电话点击链接

DDD

发布： 2025-08-03 17:42:11

原创

357人浏览过

使用 gtag.js 在 ga4 中追踪电话点击链接

本文将介绍如何在不依赖 Google Tag Manager (GTM) 的前提下，直接使用 gtag.js 库在 Google Analytics 4 (GA4) 中追踪电话号码点击链接。通过手动调用 gtag() 函数或直接构建网络请求，您可以轻松地将电话点击事件发送到 GA4 进行分析，从而更好地了解用户行为。

使用 gtag.js 追踪电话点击事件

GA4 追踪的核心在于 gtag.js 库。即使不使用 GTM，您仍然可以使用此库直接向 GA4 发送事件。以下是具体步骤：

确保 gtag.js 已加载：

确保您的网站已加载 gtag.js 库。通常，您会在 <head> 标签中找到类似以下的代码片段：

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XXXXXXXXXX');
</script>

登录后复制

请将 G-XXXXXXXXXX 替换为您的 GA4 跟踪 ID。

定义 gtag() 函数 (如果需要)：

上面的代码片段已经定义了 gtag() 函数。如果您的代码中没有，请确保包含以下内容：

万物追踪
AI 追踪任何你关心的信息

44

查看详情
```
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
```
登录后复制
监听电话链接的点击事件：

使用 JavaScript 监听电话链接的点击事件。当用户点击电话链接时，调用 gtag() 函数发送事件到 GA4。
```
<a href="tel:+15551234567" id="phone-link">Call Us</a>

<script>
  document.getElementById('phone-link').addEventListener('click', function(event) {
    gtag('event', 'phone_click', {
      'phone_number': '+15551234567',
      'event_category': 'engagement',
      'event_label': 'phone_call'
    });
  });
</script>
```
登录后复制
代码解释：
- document.getElementById('phone-link'): 获取 ID 为 phone-link 的链接元素。
- addEventListener('click', function(event) { ... }): 为链接添加点击事件监听器。
- gtag('event', 'phone_click', { ... }): 调用 gtag() 函数发送事件。
  - 'event', 'phone_click': 定义事件名称为 phone_click。您可以自定义事件名称。
  - { 'phone_number': '+15551234567', 'event_category': 'engagement', 'event_label': 'phone_call' }: 设置事件参数。这些参数可以帮助您更详细地了解电话点击事件。 phone_number 记录被点击的电话号码，event_category 和 event_label 可以用于在 GA4 中更好地组织和分析数据。