其实官方文档已经写得很清楚了,记得不要用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系统尤其注意,每个目录都需要查看)

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

  1. 堆米微信H5页面怎么制作?易企秀微信H5页面制作,微信简历制作,

    现在移动互联网如火如荼,微博过后,微信更是势不可挡.相对于微博的垃圾广告信息泛滥,微信对内容的控制不可谓不严格.当然相对于微博,微信的用户粘性更高,也就是说微信的粉丝价值更高,但是鉴于腾讯对公众号推广 ...

  2. 【干货】微信场景之H5页面制作免费工具大集合

    营销代有手段出,各领风骚数百天.要说现在哪些营销方式最能传播,屡屡刷爆朋友圈的H5页面肯定就是首当其冲的,提到H5页面,就立马想到"围住神经猫",上线微信朋友圈3天的时间便创造了用 ...

  3. h5 登录页面_一份写给新手的微信H5页面制作流程介绍

    作为一种非常受欢迎的营销推广方式,H5页面具有交互性好.易于传播.感官体验丰富.利于效果追踪等优势.由于H5页面的传播主阵地是微信,所以很多刚接触H5页面的新手经常误以为H5页面只能在微信中传播,也就 ...

  4. 微信h5页面制作总结

    第一.尺寸问题 设计图的尺寸我刚开始要的是750*1334px,但是在实际应用中发现忽略了手机的状态栏和导航栏的高度 iphone的设计标准,状态栏和导航栏的独立像素高度分别为40px和88px an ...

  5. 【经验分享】微信H5页面制作_页面制作教程

    现在,H5页面在微信中很受欢迎,邀请函就是其中一种,它有着传播快.影响范围广等特点,看起来虽然很高端复杂,很多企业或个人都不知道如何制作,但是其实非常简单,借汇桔宝平台就能轻松搞定. 它具有海量的场景 ...

  6. h5页面怎么处理文件流_微信H5页面制作流程,大家有哪些经验分享?

    完整的H5页面的制作流程为:策划案--原型图--文案拟定--视觉设计--动画设计--音效编辑--代码或工具实现--上线 这是一种比较理想的作业流程,一般到了一定规模的制作公司会采用这种方式.如果公司的 ...

  7. vue H5页面制作微信公众号前期准备

    首先vue项目的搭建过程就不说了 接下来进入正题 最重要的是配置成手机端页面也就是h5页面: vue项目中在index.html中配置 <meta name="viewport&quo ...

  8. H5页面制作和HTML5小游戏制作平台哪家好

    H5页面是由第五代HTML互联网超文本语言进行开发实现的,多数在微信上进行宣传,例如TOM游戏制作平台的游戏案例中也是基于h5进行开发的,包括现在我们看到的网页,都是基于h5这个规范的实现的,现在随着 ...

  9. 微信中分享html5网页sdk,微信SDK网页分享

    步骤一:绑定域名 先登录微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名". image.png 步骤二:引入JS文件 ...

最新文章

  1. Javascript变量函数浅谈
  2. 英文金曲大赛_JAVA
  3. 最短路计数(spfa)
  4. 5/5 MySQL入门总结:其它操作
  5. Javascript模块模式学习分享
  6. Silverlight 2 应用程序部署到任意HTML页面
  7. 无为职业学校计算机班,致盐亭职中2000级计算机三班全体同学的一封信
  8. html中表单的校验的插件,功能强大的jquery.validate表单验证插件
  9. 修复linux bash破壳漏洞,Linux系统下如何检测并修复bash中的破壳漏洞​​
  10. HDU1760 A New Tetris Game NP态
  11. “双一流”大学生们最爱看的计算机类书籍是它们
  12. gst-rtsp-server搭建与测试
  13. 基于QT实现的可视化链表(单链表、循环链表、双向链表)
  14. JIRA的安装、破解、汉化(适用于4.0.1、4.0.2、4.1.1版本
  15. 函数TEXT - EXCEL单元格中日期格式转换为文本格式
  16. RAID区别和特点(全)
  17. java 一个接口可以继承多个接口吗
  18. oracle rownum left join,SQL常用指令集(Oracle)
  19. 真实生活的记录:我三年的外企生涯(1)出处:天涯虚拟社区
  20. html播放rmvb,用windows media player 播放rmvb 和mov

热门文章

  1. STM32F407 两个SPI互相通信,SPI1与SPI2通信实验
  2. 那个2013年我读过的书
  3. 360应用商店APP侵权投诉流程
  4. Zilliz 亮相 2021 ECUG 全球技术大会,探索云原生向量搜索引擎新方向
  5. 【基础】 存储类:闪存类型SLC、MLC、TLC详解
  6. Qt ------ 获取 wifi 信息
  7. python+pytest接口自动化(1)-接口测试基础
  8. 元旦晚会、年会、节日抽奖软件、抽奖网页下载
  9. PROTAC 降解剂化合物库
  10. 乌云龙 php,【远方•夜读】安徽《乌云寻龙》作者•马洪星 主播•孙春苓