# hms-dtm-demo-web

**Repository Path**: hms-core/hms-dtm-demo-web

## Basic Information

- **Project Name**: hms-dtm-demo-web
- **Description**: 动态标签管理服务Web示例代码，通过此代码可以快速了解如何集成动态标签管理服务提供的各项能力，如特定事件的追踪，并将数据传送给第三方分析平台，实现营销数据随需监控。
- **Primary Language**: HTML
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2021-01-29
- **Last Updated**: 2025-07-24

## Categories & Tags

**Categories**: hms

**Tags**: None

## README

## 华为动态标签管理器服务Web示例代码

[![hms](https://img.shields.io/badge/hms-dtm-brightgreen)](https://developer.huawei.com/consumer/en/doc/development/HMS-References/3021004) 

[English](README.md) | 中文

## 目录

 * [简介](#简介)
 * [开发准备](#开发准备)
 * [安装](#安装)
 * [配置](#配置)
 * [环境要求](#环境要求)
 * [结果](#结果)
 * [授权许可](#授权许可)

## 简介
通过动态标签管理器服务（DTM），您可以在Web页面上动态更新跟踪代码，轻松完成特定事件跟踪并将数据传送给第三方分析平台，实现营销数据随需跟踪。
有关DTM的介绍文档，请参见[开发指南](https://developer.huawei.com/consumer/cn/doc/development/HMSCore-Guides/introduction-0000001050043907)。

## 开发准备
在开发应用前，需要在AppGallery Connect中配置相关信息。
1. 注册成为华为开发者。具体方法请参见[账号注册认定](https://developer.huawei.com/consumer/cn/doc/20300)。

2. 创建应用。具体方法请参见创建[创建您的AGC项目](https://developer.huawei.com/consumer/cn/doc/development/AppGallery-connect-Guides/agc-get-started-web#h1-1594605371607)以及[在项目下添加应用](https://developer.huawei.com/consumer/cn/doc/development/AppGallery-connect-Guides/agc-get-started-web#h1-1594605413814)。

## 安装
用Notepad和WebStorm等文本编辑器打开demo项目。

## 配置
如需体验DTM，请参见[Codelab](https://developer.huawei.com/consumer/cn/codelab/HMSDTMKit-Web/index.html#0)。

1. 在AppGallery Connect中的DTM页面上创建一个配置。
2. 在每个Web应用的head中的合适位置插入配置的JS脚本。

## 环境要求
Google Chrome

## 结果
最终，您可以在三方平台查看到上报的事件。

## 技术支持
如果您对HMS Core还处于评估阶段，可在[Reddit社区](https://www.reddit.com/r/HuaweiDevelopers/)获取关于HMS Core的最新讯息，并与其他开发者交流见解。

如果您对使用HMS示例代码有疑问，请尝试：
- 开发过程遇到问题上[Stack Overflow](https://stackoverflow.com/questions/tagged/huawei-mobile-services)，在`huawei-mobile-services`标签下提问，有华为研发专家在线一对一解决您的问题。
- 到[华为开发者论坛](https://developer.huawei.com/consumer/cn/forum/blockdisplay?fid=18) HMS Core板块与其他开发者进行交流。

如果您在尝试示例代码中遇到问题，请向仓库提交[issue](https://github.com/HMS-Core/hms-dtm-demo-web/issues)，也欢迎您提交[Pull Request](https://github.com/HMS-Core/hms-dtm-demo-web/pulls)。

## 授权许可
华为DTM Web示例代码经过[Apache License, version 2.0](http://www.apache.org/licenses/LICENSE-2.0)授权许可。