微信朋友圈html5广告,关于微信朋友圈广告的H5页面制作de注意事项

其实官方文档已经写得很清楚了，记得不要用es6哈~

微信开发规范、目录规范

项目初始化设置(微信提供 找项目负责人)

1 项目别名 (创建目录的名称，添加统计时的别名)

例："20161219xiaomi"

2 上线地址(绝对路径)

例：https://wximg.qq.com/wxp/moment/N1S_eVj0Z/html/index.html

例：hhttps://wximg.qq.com/wxp/moment/N1S_eVj0Z/html/

编译 & 调试 & 部署

使用微信工具 WeFlow

https://weflow.io/

微信通用库 WxMoment

WxMoment 是由微信朋友圈广告团队面向广告详情页开发者提供的一个Javascript库。

通过使用 WxMoment，开发者可以简单的实现详情页面中的常见功能

提供的API：

数据统计(需要项目别名，微信提供 找项目负责人)

横屏提示

资源预加载

滑屏组件

维系分享

腾讯视频

表单预约

脚本地址

最新脚本地址

https://github.com/wxc-team/WxMoment

脚本示例

https://github.com/wxc-team/WxMoment/tree/master/example

通用库详情

http://ad.weixin.qq.com/learn/md926a5bb

目录规范

└── 例：20161219xiaomi //示例项目，项目目录(项目别名 由项目负责人提供)

└── dist //编译后文件目录(最终提交的文件)

└── dev //开发时文件目录

└── src //源文件目录，所有的开发在此目录下进行

├── css //样式表目录，使用 Less，只有 style-*.less 的文件名会被编译

│ └── style-promo.less

├── html //HTML目录

│ └── index.html

├── media //多媒体文件

│ └── v1021.mp4

└── img //图片目录

特别注意

1 页面所有资源使用HTTPS协议(除分享缩略图的链接地址必须为HTTP)

2 打包提交给微信时确保ZIP包中不包含 ".DS_Store" 隐藏文件(MAC系统尤其注意，每个目录都需要查看)