微信朋友圈广告方案审核

视觉交互规范

文案要求

•文案文字不超过40字

•文案风格建议: 朋友亲切的口吻，简约而不简单

•文字中不能有URL，不要特殊字符

•文案与图片关联，与详情页关联

图片要求

•图片建议数量：1张(单张大小要求300KB以下)

•图片内容与文案、详情页关联

•为了使外层图片展示最大化，我们建议采用以下三个尺寸进行设计：800*640像素（5:4）、640*800像素（4:5）、800*800像素（1:1），

•为在了保证在朋友圈的显示效果，规范如下：

•

o这个区域要有比较完整的图像

o区域内尽量不放文字，放的话不超过两行

o文字及logo等元素不放在方形区域的边缘以免被裁切

分享规范

• A - 标题建议以朋友亲切的口吻（14个字以内）

• B - 描述建议20 字以内

• C - 图片尺寸为120*120像素，大小建议10KB左右• D - 标题建议14 个字以内

• E - 图片尺寸为120*120像素，大小建议10KB左右详情页通用规范

•允许用户分享广告详情页，但不得有诱导分享、诱导关注等页面提示内容；

•使用用户关系链进行的互动分享，需要注意分享逻辑的完整性；

•详情页如使用背景音乐，则必须支持音乐可循环及可关闭（关闭按钮采用模版样式），并采用渐强（音乐逐渐变大）的方式出现；

•详情页如使用视频文件，需先上传至腾讯视频。广告详情页仅支持使用腾讯视频的视频内容；如视频总长度超过1分钟，需要再底部加上“建议在WIFI下加载播放”

提示；

•对页面的加载时间进行监控，加载耗时过长时，给予用户友好的提示；

•非WIFI 环境下时的提示建议：复杂交互页面若流量消耗会很大时，建议对用户进行友好的提示，可能会消耗较多流量；

详情页支持形式

•√ 品牌活动

•√ 微信小店

•√ 微信表情

•APP 下载（后续支持

•× H5 小游戏（后续支持）

•非WIFI 环境下时的提示建议：复杂交互页面若流量消耗会很大时，建议对用户进行友好的提示，可能会消耗较多流量；

详情页实现

•详情页交互简洁，重点展示图片创意，可以考虑在【微信公众号-朋友圈推广-详情页管理】根据模板生成详情页。参考模板详情页规范

•交互形式个性化，互动元素丰富，需自行开发自定义详情页。为了提高开发效率，建议按照微信广告“自定义详情页前端工作流”，使用“自定义详情页前端通用库”，保证详情页符合技术规范

模版详情页规范

图片要求

•页面数量：1~2页

•页面内容建议简洁有力，不得有诱导分享、诱导关注等页面提示内容。

•图片尺寸640*1100像素。为了保证各类机型下详情页能正常展现，建议页面上面部分640*1100像素作为详情页的“主体内容”，承载主要创意。

•点此下载视频双页模版PSD文件

音乐规范

•详情页如使用背景音乐，则必须支持音乐可循环及可关闭，并采用渐强（音乐逐渐变大）的方式出现；

•音乐播放/关闭按钮，必须参照规范，并放置于页面右上角位置，详细参考下图。

•点此下载音乐iconPSD文件。

自定义详情页技术规范

兼容目标

•主流移动设备：iPad 2+，iPhone 4+ ，三星、魅族、华为、红米、小米1S 以上及主流Android 千元机型；

•操作系统：iOS 7.0+ 与Android 4.0+；

加载速度、请求数与资源压缩

•以3G 网络环境100kb/s 的网络速度计算，详情页首次加载过程中，可以在2s 内看到Loading 页面；

•原则上页面中不超过1 个的样式文件请求、2 个的脚本文件网络请求；

•图片资源应当进行压缩，JPG 图片使用80% 以下质量，PNG 图片使用TinyPNG 进行压缩；

•详情页平均单页资源不超过300 KB，总资源包大小不超过页数乘以300KB（不包括视频资源）；

•应当对小图片进行CSS 雪碧图合并，因低版本系统及低端设备渲染问题，单张图片尺寸不超过2000*2000 像素，超过时需切分成多张雪碧图；

资源文件格式标准

文件类

似

格式大小其它备注

背景音乐mp3

小于 80

KB

开头和结尾音轨建议做使用淡入淡出处理

分享缩略图jpg

小于 6

KB

尺寸为 120*120 像素

视频文件mov/mp4/avi

暂无要

求

分辨率>=960*540像素，视频码率>=1500KBps，

画面比例 4:3或16:9

资源部署

•详情页应只包含静态文件资源，涉及数据交互使用AJAX 进行数据提交；

•详情页所有资源上线前将部署到腾讯服务器；

•不允许在页面中添加非腾讯域名的资源；

•若页面中包括视频，自行上传视频至腾讯视频服务器，告知视频地址；

自测与提测申请

•-至少提前5 个工作日提供到微信侧；

•提交微信团队测试前，请做好自测，并填写自测列表（下载自测列表）；

•微信广告测试团队将会进行全面测试，发现问题后反馈给广告客户进行优化修复，直至详情页质量符合要求；

提测申请及部署申请邮件内容

内容要求

基本信息公众号名称、微信号、AppID、原始ID

需求文档包括功能点列表和说明，产品流程图

修改说明非首次提交时，需要详细说明本次提测修复的缺陷以及修复方案

自测报告报告需包含主流移动设备、主流操作系统中的测试情况，以及填写好的自测列表

源代码压缩包以 ZIP 格式压缩（不得包含空文

件，.svn/.git/.DS_Store/Thumbs.db/.log 等系统文件）。

广告详情页地址若使用了微信授权登录，为方便测试，提供无需微信登录也可进行测试的地址

自定义详情页前端工作流

WxMoment-Workflow 是由微信朋友圈广告团队基于Gulp 面向广告详情页开

发者提供的工作流。工作流集成了详情页开发中的常见任务，可以简化开发工作，并在打包环节对资源进行压缩合并优化。

工作流包含了批处理文件，Windows 用户可直接双击执行。Mac

用户可以执行相应的命令。

下载安装

前往NodeJS 官网下载安装包并按指南安装NodeJS，下载最新的工作流压缩包并解压。

双击工作流目录中的安装.bat文件即可开始安装依赖，或者执行命令：