首页 web前端 js教程 如何通过Google Analytics(分析)跟踪电子商务交易

如何通过Google Analytics(分析)跟踪电子商务交易

Feb 16, 2025 am 10:12 AM

How to Track Ecommerce Transactions with Google Analytics

Google Analytics(分析)是网站访问者跟踪的强大工具,但是许多开发人员仅利用其基本的JavaScript跟踪代码。 除了自定义事件之外,电子商务交易跟踪还增加了重大价值。

在Google Analytics(分析)中,电子商务跟踪的关键好处:

增强的产品和用户报告提供了更深入的见解。

>直接将交易与AdWords和其他广告系列链接可以实现精确的广告系列绩效分析。
  • 准确评估竞选投资回报率指导战略资源分配。
  • >与同事安全共享详细的报告,而无需授予您核心电子商务系统的访问。
  • >启用电子商务跟踪:
  • >导航到管理员部分(COG ICON)。
>

选择您的网站属性。 在电子商务设置下,将“状态”切换到ON。 (注意:应忽略的相关产品功能被忽略。)

最初优先考虑标准电子商务跟踪;以后探索增强的电子商务功能。
  1. >根据需要调整“在视图设置中显示为”设置的“货币”。>
  2. 实施电子商务交易跟踪:
  3. > >以下JavaScript代码片段将电子商务跟踪集成到您的网站中。 切记在标准页面跟踪摘要之后和任何电子商务功能之前放置>行。
  4. >
  5. 1。启用电子商务:

2。启动交易:

ga('require', 'ecommerce');

3。将项目添加到交易中:

>

ga('require', 'ecommerce');
4。清除物品(如果需要):

>

ga('ecommerce:addTransaction', {
  'id': '[transactionId]', // Unique transaction ID (e.g., 'ABC-123')
  'affiliation': '[storeName]', // Store name (e.g., 'My Online Shop') - optional
  'revenue': '[totalCost]', // Total cost (string-encoded number without currency symbols, e.g., '12.99') - optional
  'shipping': '[shippingCost]', // Shipping cost (numeric, e.g., '2.99') - optional
  'tax': '[taxCost]', // Tax (numeric, e.g., '1.64') - optional
  'currency': '[currency]' // 3-character ISO 4217 code (e.g., 'USD', 'EUR') - optional
});
5。发送事务:

ga('ecommerce:addItem', {
  'id': '[transactionId]', // Must match transaction ID above
  'name': '[productName]', // Product name (e.g., 'mens blue shirt') - required
  'sku': '[productCode]', // Product code/SKU (e.g., 'MBS-00001') - optional
  'category': '[categoryName]', // Product category (e.g., 'mens shirts') - optional
  'price': '[price]', // Product price (numeric, e.g., '9.99') - optional
  'quantity': '[quantity]' // Quantity purchased (e.g., '2') - optional
});
>示例实现(确认页):

>

实施后,交易数据将在几个小时内出现在Google Analytics(分析)中。 请咨询Google Analytics(Analyticsics)官方有关电子商务跟踪和增强电子商务的详细信息。
ga('ecommerce:clear');
>

>经常询问的问题(改写和合并):>

本节为有关Google Analytics(分析)电子商务跟踪的常见问题提供了简洁的答案。 原始的常见问题解答部分非常冗长且重复性。此版本简化了信息。
ga('ecommerce:send');

设置:
<!DOCTYPE html>
<html>
<head>
<title>Thank You for Your Order</title>
</head>
<body>
<h1>Thank You for Your Order</h1>
<p>A receipt has been sent to you@youremail.com</p>

<🎜>
</body>
</html>
创建一个Google Analytics(Analyticsis Carex),获取您的跟踪ID,将跟踪代码添加到您的网站上,然后在管理部门中启用电子商务跟踪。

>

  • 跟踪的数据

    > 产品详细信息(姓名,SKU,类别,价格,数量),交易详细信息(ID,ID,收入,运输,税收),平均订单价值,转换率,购买时间和客户购物行为(增加购物车,结帐进度)。

  • >改善您的业务:

    分析数据以识别最畅销产品,结帐优化领域以及客户行为的模式以提高销售和效率。

  • 移动跟踪:
  • 是的,Google Analytics(分析)跟踪所有设备上的电子商务交易。

  • 个别产品跟踪:
  • >使用您的电子商务跟踪代码发送产品数据以跟踪单个产品性能。

  • 每个客户的多次交易:
  • 是的,Google Analytics(分析)跟踪来自同一客户的多个交易。

    >

    数据精度:
  • 准确性取决于正确的代码实现和数据可靠性; Google Analytics(Google Analytics)通常具有很高的精度。
  • 与其他Google产品集成:>

    与Google Ads无缝集成,并搜索控制台以构成业务的整体视图。>
  • >故障排除:验证代码实现,确保启用电子商务跟踪,并咨询Google的帮助资源。

  • >数据自定义:>使用自定义维度和指标跟踪与您的业务相关的特定数据。>

  • 以上是如何通过Google Analytics(分析)跟踪电子商务交易的详细内容。更多信息请关注PHP中文网其他相关文章!

    本站声明
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

    热AI工具

    Undress AI Tool

    Undress AI Tool

    免费脱衣服图片

    Undresser.AI Undress

    Undresser.AI Undress

    人工智能驱动的应用程序,用于创建逼真的裸体照片

    AI Clothes Remover

    AI Clothes Remover

    用于从照片中去除衣服的在线人工智能工具。

    Stock Market GPT

    Stock Market GPT

    人工智能驱动投资研究,做出更明智的决策

    热工具

    记事本++7.3.1

    记事本++7.3.1

    好用且免费的代码编辑器

    SublimeText3汉化版

    SublimeText3汉化版

    中文版,非常好用

    禅工作室 13.0.1

    禅工作室 13.0.1

    功能强大的PHP集成开发环境

    Dreamweaver CS6

    Dreamweaver CS6

    视觉化网页开发工具

    SublimeText3 Mac版

    SublimeText3 Mac版

    神级代码编辑软件(SublimeText3)

    JavaScript多条件过滤:实现基于AND/OR逻辑的动态产品筛选 JavaScript多条件过滤:实现基于AND/OR逻辑的动态产品筛选 Aug 22, 2025 am 10:00 AM

    本教程详细介绍了如何使用JavaScript实现多条件动态筛选功能,允许用户根据颜色、尺寸等多个属性进行产品过滤。文章通过清晰的HTML结构和JavaScript代码示例,演示了如何灵活处理AND和OR逻辑,以满足复杂的用户筛选需求,并提供优化建议。

    您如何通过JavaScript中的数据属性选择元素? 您如何通过JavaScript中的数据属性选择元素? Aug 30, 2025 am 01:57 AM

    你可以通过CSS属性选择器在JavaScript中选择带有data属性的元素,使用document.querySelector()或document.querySelectorAll()方法即可实现。1.使用[data-attribute]选择具有指定data属性(任意值)的元素;2.使用[data-attribute="value"]选择属性值完全匹配的元素;3.通过element.dataset访问数据属性,其中data-user-id对应dataset.userId(转

    优化jQuery弹窗中动态外部链接跳转的事件处理 优化jQuery弹窗中动态外部链接跳转的事件处理 Sep 01, 2025 am 11:48 AM

    本文旨在解决jQuery弹窗中外部链接重定向按钮重复绑定事件处理器导致跳转错误的问题。当用户连续点击多个外部链接时,弹窗中的跳转按钮可能始终指向首次点击的链接。核心解决方案是利用off('click')方法在每次绑定新事件前解除旧的事件处理器,确保跳转行为始终指向最新的目标URL,从而实现准确且可控的链接重定向。

    Pytest与Selenium:动态数据驱动测试的实现策略 Pytest与Selenium:动态数据驱动测试的实现策略 Aug 30, 2025 am 06:00 AM

    本文旨在解决使用Pytest和Selenium进行动态数据驱动测试时,@pytest.mark.parametrize装饰器无法直接处理运行时生成数据的问题。我们将深入探讨pytest.mark.parametrize的限制,并详细介绍如何通过Pytest的pytest_generate_tests钩子函数,优雅地实现基于Selenium动态获取数据的参数化测试,确保测试用例的灵活性和高效性。

    构建按工作日和工作时间运行的JavaScript计数器 构建按工作日和工作时间运行的JavaScript计数器 Aug 31, 2025 am 06:30 AM

    本文详细介绍了如何使用JavaScript构建一个精确的定时计数器。该计数器每分钟递增一次,但仅在预设的工作日(周一至周五)和工作时间(如上午6点至晚上8点)内运行。它能在非工作时间暂停递增但显示当前值,并在每月的第一天自动重置,确保计数逻辑的准确性和灵活性。

    优化 React 组件渲染:解决鼠标悬停导致的过度渲染问题 优化 React 组件渲染:解决鼠标悬停导致的过度渲染问题 Aug 22, 2025 pm 01:36 PM

    本文旨在解决 React 应用中因鼠标悬停事件(onMouseOver)触发的过度渲染问题。通过将 onMouseOver 替换为 onMouseEnter,并结合 onMouseOut 替换为 onMouseLeave,可以显着减少不必要的组件重新渲染,提升应用性能,尤其是在处理大量组件时。文章将提供示例代码和详细解释,帮助开发者理解并应用这一优化技巧。

    JS获得元素的高度和宽度 JS获得元素的高度和宽度 Aug 22, 2025 pm 04:16 PM

    UseclientWidth/clientHeightforvisiblecontentareaincludingpadding;2.UseoffsetWidth/offsetHeightfortotalrenderedsizeincludingcontent,padding,andborders;3.UsescrollWidth/scrollHeightforfullcontentsizeincludingoverflow;4.UsegetBoundingClientRect()forprec

    动态创建的DOM元素如何被预先加载的脚本访问和操作 动态创建的DOM元素如何被预先加载的脚本访问和操作 Aug 30, 2025 am 11:57 AM

    本文探讨了在Web开发中,当JavaScript脚本在DOM元素创建之前加载并执行时,如何有效访问和操作这些动态生成的元素。我们将介绍三种核心策略:通过函数返回值直接传递元素引用、利用自定义事件实现模块间通信,以及使用MutationObserver监听DOM结构变化。这些方法能够帮助开发者解决JavaScript执行时序与动态内容加载之间的挑战,确保脚本能正确地对后续添加的元素进行操作,如使其可拖拽。

    See all articles