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

FingerLiu 发布于2019-08-21 11:18 / 2367人阅读

摘要：其实官方文档已经写得很清楚了，记得不要用哈微信开发规范目录规范官方开发规范自测表压力测试项目初始化设置微信提供找项目负责人项目别名创建目录的名称，添加统计时的别名例上线地址绝对路径例例编译调试部署使用微信工具微信通用库是由微信朋友圈广告团队

其实官方文档已经写得很清楚了，记得不要用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：

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

脚本地址

最新脚本地址

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系统尤其注意，每个目录都需要查看）

私有云服务器托管微信分享朋友圈微信怎么清空朋友圈 iOS微信朋友圈一键清空微信朋友圈

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/86538.html

微信小程序影响的行业，准备好了吗？

摘要：现在微信应用号小程序的推出，让中小企业的原生开发者又重新燃起了希望。现在微信小程序的推出，将会打破原有的行业生态。微信小程序自11月初开放公测，参与内测和公测的小程序团队已经完成产品开发的消息陆续传来，张小龙微信朋友圈18日夜间晒出一张炸裂的安卓机照片，上面已经布满了小程序。或许在年前微信小程序就可以上线公测；说到底，微信小程序就是WebApp。毕竟小程序已经开始内测了，没有拿到内测...

The question 2019-08-05 10:33 评论0 收藏0
Flask制作微信Html5滑屏宣传页

摘要：相对于其它方式，微信页面的传播力可谓惊人。框架的回调事件在微信里面太慢，等的心碎。二维码生成现在需要把制作好的页面分享到微信中，用手去敲显然是不行的。相对于其它方式，微信HTML5页面的传播力可谓惊人。为了方便大家把项目分享到朋友圈，我们新增了一个自动生成微信HTML5页面并分享的功能。在Raindrop创建自己的项目，填写信息，就可以把项目分享到朋友圈了。效果 showImg(h...

lentrue 2019-08-02 18:19 评论0 收藏0
Android-开发姿势

摘要：微信这类怎么做谈谈八款开发者必备的小工具八款开发者必备的小工具笔记之图像压缩开发中的图像压缩是一个很重要的部分。 Android 攻城狮—全套必备神级工具（开发，插件，效率）如果你有用的酸爽的软件，请下面留言。我会持续更新。。。替你总结的 Gradle 配置关于 Gradle 配置的一些总结，欢迎交流！常用的代码片段，不断更新项目中平常会用到的代码片段，以及一些收集的好的代...

jifei 2019-06-25 11:50 评论0 收藏0
H5 是 HTML5 吗？

摘要：我相信现在大多数人认为的页面，就是在手机微信分享的那种炫酷的网页。背景作为程序员经常会被业务人员问一些技术相关的热门词，比如：H5页面是什么？，我的回答是：符合 HTML5 标准实现的页面，大家为了方便，简称 H5。真的是这样的吗？当连续有人问相关的问题，并详细了解一些业务以后，慢慢的发现 H5 已经不单单是一个技术相关的词。之前被我们产品人员也问到一个类似的问题：怎么通...

gaomysion 2019-08-05 11:55 评论0 收藏0
h5 vue引入微信sdk 实现分享朋友圈，分享给朋友，获取地理位置

最近入职的公司主要做微信端的h5，所以在所难免要引用sdk。虽然官方文档写的还算清楚，但是还是有坑。 1.在index.html中引入微信sdk 2.在assets/js 下新建文件 wx.js export default { wxShowMenu: function (that,sign=) { let url = window.location.href.split(#)[...

tomorrowwu 2019-08-23 18:29 评论0 收藏0