谷歌网页设计师自定义HTML5组件

Google Web Designer Custom HTML5 Components

本文关键字:HTML5 组件 自定义 设计师 网页 网页设计 谷歌      更新时间:2023-09-26

如何制作自定义谷歌网页设计器组件?

我假设他们会像Adobe Flash组件。它还在测试阶段,我找不到太多关于它的信息。

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

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

  1. 你应该基于W3C标准创建你自己的自定义标签
  2. 为你的组件创建json manifest:

    { 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

希望能有所帮助。