javascript - Google Web Designer 自定义 HTML5 组件

Question

如何制作自定义 Google Web Designer 组件？

我假设它们就像 Adob​​e Flash 组件。它处于测试阶段，我找不到太多关于它的信息。

我已经尝试在下面的所有目录中搜索，/Applications/Google Web Designer.app/Contents看看是否可以窥探一些样本。文档面向用户： https: //support.google.com/webdesigner/

我想构建团队可以使用的 HTML5 广告组件。

Answer 1

1. 您应该根据 W3C 标准创建自己的自定义标签

2. 为您的组件创建 json 清单：

   { name: {string} A human readable name description: {string} A succinct but complete description of the component type: {string} The element type, which must contain a dash (-) version: {number} The version number, which must be incremented with each update files: {Array.<FilesObject>} The JS and CSS files for the component externalScripts: {Array.<string>} The external script dependencies dependencies: {Array.<string>} The dependent types attributes: {Array.<Attribute>} The attributes of the component methods: {Array.<Method>} The methods of the component events: {Array.<Event>} The events dispatched by the component metrics: {Array.<MetricEvent>} Events that must be tracked as a metric }

3. 创建所有必需的 .js 和 .css 然后打包组件。

在以下链接中，您可以找到有关如何为 GWD 创建自定义组件的教程。

https://support.google.com/webdesigner/topic/6175711?hl=en&ref_topic=6175722&vid=1-635799099790786490-3463806884

希望能帮助到你。