本教程介绍如何在不使用 Google Tag Manager (GTM) 的情况下，仅通过 gtag.js 追踪 GA4 中的电话点击链接。我们将详细讲解如何加载 gtag.js 库，定义 gtag() 函数，并使用它发送自定义事件到 GA4，从而实现电话点击链接的追踪。此外，我们还将简要介绍如何手动构建网络请求并发送到 GA4 的收集端点。
通过 gtag.js 追踪电话点击
GA4 追踪的核心在于使用 gtag.js 库。该库允许你发送事件数据到 Google Analytics。以下是如何使用它来追踪电话点击链接：
1. 加载 gtag.js 库:
首先，你需要确保在你的网站上加载了 gtag.js 库。通常，这段代码应该放置在
标签内。将 G-XXXXXXXXXX 替换为你的 GA4 跟踪 ID。
2. 定义 gtag() 函数:
上述代码片段已经定义了 gtag() 函数，它将参数推送到 dataLayer 数组。Google Analytics 会处理这些数据。
3. 触发电话点击事件:
当用户点击电话链接时，你需要触发一个 GA4 事件。你可以通过 JavaScript 来实现。
+1 (555) 123-4567
在这个例子中：
- 'event', 'phone_click' 指定了事件类型为 phone_click。
- phone_number, event_category, event_label 是自定义参数，你可以根据需要添加更多参数。 这些参数可以帮助你更详细地分析电话点击事件。
- return true; 允许链接继续执行电话拨打，如果返回 false 则会阻止链接默认行为。
4. 在 GA4 中查看数据:
在 GA4 界面中，你可以通过以下方式查看收集到的数据：
- 实时报告: 实时查看事件数据。
- 探索报告: 创建自定义报告，分析 phone_click 事件和相关参数。
- 事件报告: 查看所有事件的统计信息。
注意事项:
- 确保 gtag.js 库已正确加载。
- 使用有意义的事件名称和参数，方便数据分析。
- 测试你的实现，确保事件能够正确发送到 GA4。
- 根据 GDPR 和其他隐私法规，确保你已获得用户同意才能收集数据。
手动构建网络请求 (高级用法)
除了使用 gtag.js 库，你还可以手动构建网络请求并直接发送到 GA4 的收集端点。这通常用于更高级的场景，例如在服务器端追踪事件。
GA4 的收集端点是 https://www.google-analytics.com/mp/collect。你需要构造一个包含必要参数的 POST 请求。
虽然这种方法更加灵活，但它也需要更多的开发工作，并且容易出错。建议尽可能使用 gtag.js 库。
总结:
通过 gtag.js 库，你可以轻松地追踪 GA4 中的电话点击链接，而无需使用 Google Tag Manager。 只需加载库，定义 gtag() 函数，并在电话链接点击时触发自定义事件即可。 这为你提供了宝贵的 insights，可以了解用户如何与你的网站互动，并优化你的营销活动。
