接口文档SDK业务专题开发者工具

Marketing UI

Marketing UI ( 原名 TSA UI ) 是Marketing API 的一套UI SDK,旨在为使用 Tencent Marketing API 的开发者提供快速搭建广告系统的 UI 解决方案。 为了更好地为您服务,我们希望听到您的声音,花1分钟填个《Marketing UI 需求调查问卷》吧 ;)

简介

开发者可以使用 Marketing API 来搭建个性化的广告系统,而广告系统中存在部分复杂度较高的模块。例如投放流程,包含了广告创意、广告定向等交互较复杂的模块,前端开发的成本很高。为了降低开发者的接入门槛,提升开发效率,我们提供了一套与 Marketing API 适配的 UI 解决方案。

Marketing UI 用途

  • 当前,Marketing UI包含广告创意、定向表单的React组件和对应的逻辑方法,报表数据展示组件以及工具类组件(例如图片裁剪)。
  • 使用创意组件时,开发者只需将 Marketing API 获取创意模版接口 adcreative_templates/get 返回的配置作为“输入”传入组件,即可根据创意元素配置自动渲染表单 UI;字段校验通过后,提交即可得到 API 创建创意接口 adcreatives/add 中 adcreative_elements 字段的数据。
  • 对于定向组件来说,开发者只需下载我们提供的定向配置 (可自定义拓展),并作为“输入”传入组件,即可渲染整个表单 UI;字段校验通过后,提交即可得到 API 创建创意定向接口 targetings/add 中 targeting 字段的数据。
  • 此外,我们还提供了报表数据展示相关的组件,开发者只需按照约定格式将报表数据作为“输入”传入组件,即可图形化展示报表数据。报表表格还支持按字段排序、拖动改变列宽度、分页等高级功能,便于更直观、美观地展示您的报表数据。后续会推出更多图形化组件。同时,我们也会陆续推出各种工具组件,方便前端开发。
  • 总之,UI SDK 是对前端组件(特别是复杂度较高的组件)的封装,直接使用它来搭建您的广告系统前台,可大大减少从零开始进行 UI 开发的时间和人力。

内容导航

组件包结构及安装方法介绍介绍了 Marketing UI 组件包的结构,以及CDN和NPM两种安装方式。阅读此章节有助于您快速了解组件包用途及用法。

组件包介绍

广告创意模块

介绍了如何从零开始快速构建一个创意表单,同时包含了创意表单UI组件和创意逻辑组件的文档。

快速构建创意UI   创意组件   创意逻辑

广告定向模块

提供了快速构建一个定向表单的指引,同时包含了定向表单UI组件和定向逻辑组件的文档。

快速构建定向UI   定向组件   定向逻辑

报表模块

介绍了如何从零开始快速构建报表UI,同时包含了报表相关组件的文档。

快速构建报表UI   表格组件

工具模块

包含了工具类组件的文档。

图片裁剪组件