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

发布时间:2019-08-20 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了关于微信朋友圈广告的H5页面制作de注意事项脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

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

微信开发规范、目录规范

官方开发规范
http://ad.weixin.qq.com/learn...

自测表
http://owncloud.pt.xiaomi.com...

压力测试
http://owncloud.pt.xiaomi.com...

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

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

数据统计(需要项目别名,微信提供 找项目负责人)
横屏提示
资预加载
滑屏组件
维系分享
腾讯视频
表单预约

脚本地址

<script src="//wximg.qq.com/wxp/libs/wxmoment/0.0.4/wxmoment.min.js"></script>

最新脚本地址

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)

<meta name="wxm:img_url" content="http://wximg.qq.com/wxp/moment/E1M8SgPDZ/img/thumb.jpg">

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

脚本宝典总结

以上是脚本宝典为你收集整理的关于微信朋友圈广告的H5页面制作de注意事项全部内容,希望文章能够帮你解决关于微信朋友圈广告的H5页面制作de注意事项所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。