微信朋友圈广告来了，你怎么看-中国青年报
05版:每日新闻
新闻排行榜 热点新闻
中国青年报手机版
中国青年报-中青在线官方微信
& & 往期回顾 & && &&&
微信朋友圈广告来了，你怎么看
实习生 王林 本报记者 宁迪
中国青年报
&&&&免费的社交媒体终究要给自己找一个盈利模式。
&&&&1月25日晚，“宝马中国”、“vivo”、“可口可乐”3个品牌的广告悄悄地“钻进”了不同人的微信朋友圈里，成为当晚朋友圈的焦点。
&&&&微信此次采用了定向推送的发布形式，因此用户收到不同品牌广告被认为对应了其“土豪”、“中产”和“屌丝”的身份。微信的第一波广告也被认为“费尽心思”。
&&&&对微信推出朋友圈广告的行为，中青舆情监测室随机抽取了2000条网民评论，分析显示，支持者比例为25.6%，反对者为34.1%，持中立态度的40.3%。其中，26.3%的网友抱怨广告投放的目标人群不准确，21.6%的人担忧大数据分析侵犯个人隐私，18.4%的人反感朋友圈广告堆积，15.1%的人表示没有到广告。当然，也有18.6%的人为这种营销策略点赞。
&&&&朋友圈成了广告海洋
&&&&钟铭是很期待微信朋友圈广告的。一周前，微信公号在朋友圈向用户推送过这种“Feed流广告”，并用几句简短的文字暗示大家，微信广告时代就要开启。“Feed流广告”是一种依据社交群体属性、用户喜好和特点智能推广的广告形式。但遗憾的是，钟铭一个广告也没收到。
&&&&房产经纪人周琳则“幸运”得多。25日晚，她和不少好友都在自己的朋友圈里看到了“宝马中国”的广告。但一些好友在朋友圈里的“自嘲”和“吐槽”随之而来：“我连驾照都没有，为什么需要宝马车？”“为啥别人都是宝马，就我是可口可乐，你是在说我很屌丝吗？”“我已经穷到连一个广告都收不到了吗？”
&&&&广告连同这些“吐槽”，使周琳的朋友圈很快变成了广告海洋。
&&&&一些自媒体人、公司也开始套用微信的广告模式，给自家品牌做起了宣传。一位90后创业者甚至认为，自己不效仿微信广告宣传一下（自己）就太落伍了。
&&&&微信好友的二次传播掀起了朋友圈的“狂欢”。清华大学新闻与传播学院教授沈阳认为，这是互联网狂欢的文化，寂寞的个体在这样的狂欢中“刷存在感”。“从这个角度来看，微信的这次广告营销是成功的。”沈阳说。
&&&&沈阳认为，微信利用大数据匹配每个用户，不同用户显示不同广告，使广告也成了一种身份的差异和象征，进而引发更多的讨论。在这次微信推送广告的传播过程中，享受广告的少部分人“绑架”了不关注广告的大多数人。
&&&&从事媒体工作的林颖（化名）不喜欢朋友圈的广告，她认为微信广告“很无聊，还把朋友圈弄乱了，看了一大堆没用的东西”。
&&&&林颖觉得，微信朋友圈应该“纯粹一点”。她身边不少朋友也认为，微信朋友圈本来是一个封闭又私密的社交圈子，突然闯进来一个第三方广告，破坏了用户体验。
&&&&在广告和用户体验之间找平衡
&&&&社交媒体推送广告并不新鲜，国外很多知名社交媒体也这样做。
&&&&互联网营销专家李东楼分析，微信之所以要做朋友圈广告是基于两方面考虑：首先，微信迫切需要获得商业利益，而广告是目前互联网最成熟的盈利模式；其次，微信用户数量巨大，与其他社交软件相比有不可替代性。
&&&&微信朋友圈广告到底能带来多大收益？
&&&&根据腾讯公司微信开放平台创新部对外发布的《微信广告系统介绍》，微信朋友圈广告采取CPM（每千人成本）方式售卖：若定向北京、上海两座核心城市的用户，每千次曝光价格140元；若定向其他一二线重点城市的用户，每千次曝光价格90元；若不定向区域推送，每千次曝光价格为40元；如果广告主在此基础上还需要定向性别推送广告，价格将上涨10%。如此换算下来看，相当于用户每看一次有广告的朋友圈，微信至少向广告主收费4分钱。有媒体报道，宝马为了一个“悦”字的广告，支出为500万元。
&&&&据DCCI互联网研究院院长刘兴亮透露，微信未来还将按照用户的点击量来收取广告费用，甚至打通广告与微店的连接。
&&&&中国电子商务研究中心主任曹磊预测，微信朋友圈广告年收入将达到100亿元，“微信的营销空间不可限量”。
&&&&然而，在社交媒体试图寻求盈利的同时，其用户体验往往也容易受到影响。这成了大多数社交媒体必须面临的问题。
&&&&在微信朋友圈广告正式推出之前，微信一直在试探用户对广告的接纳程度。2014年7月，微信开放页面“阅读数”。2014年年底，面向商户开放微信现金红包申请，允许微信公众号自行在图文消息底部添加展示广告。日，微信团队试发布了一条“广告”，试图说服用户：广告也可以是生活的一部分。
&&&&要想在商业广告和用户体验之间取得平衡，沈阳认为首先需要让内容匹配用户，精准投放，同时又保持适度模糊，避免用户的不安全感。此外，他还建议，社交媒体中的原生广告要尽可能将广告嵌入社交网络的信息中，不破坏正常的阅读体验。
&&&&李东楼则认为，社交媒体的盈利模式并不是只有广告这一种形式。他认为，微信未来长久的盈利模式不在于朋友圈的广告，而应是打造基于地理位置和社交属性的生活服务。
&&&&如何保护用户个人隐私
&&&&中青舆情监测室抽样分析发现，21.6%的人担忧这种广告推送背后的大数据分析会侵犯个人隐私。
&&&&因为不满意这种强行推送广告的方式，林颖给微信客服打了投诉电话。微信客服表示，对这些广告目前没有设计一键屏蔽功能，也无法立刻停止向用户推送广告，用户没有办法彻底屏蔽掉广告，但是可以点击广告右上角的“我不感兴趣”选择屏蔽该条广告。
&&&&林颖觉得，这种一时的屏蔽“治标不治本”，因为不能屏蔽下一次微信推送的朋友圈广告。
&&&&中国青年报记者采访多名律师，他们表示，根据腾讯公司的协议，推送广告并没有不妥。
&&&&律师所称的协议是《腾讯微信软件许可及服务协议》。所有用户在使用微信前都已同意这一协议。协议7.3.3条载明：“你理解并同意，腾讯有权决定将本软件作商业用途，包括但不限于开发、使用本软件的部分服务为第三方作推广等……”
&&&&在1月26日就相关问题给媒体的回复里，腾讯公司表示：“为保证用户体验以及给用户带来的价值，朋友圈采用了更加智能的技术，所以不是所有好友都会看到同样的广告。”但更加智能的技术是什么？腾讯公司没有作更多的说明。
&&&&我国新修订的消费者权益保护法第29条规定，经营者收集、使用消费者个人信息，应当遵循合法、正当、必要的原则，明示收集、使用信息的目的、方式和范围，并经消费者同意。经营者收集、使用消费者个人信息，应当公开其收集、使用规则，不得违反法律、法规的规定和双方的约定收集、使用信息。
&&&&上海泛洋律师事务所律师刘春泉认为，个人隐私保护是社交媒体平台在营销过程中不可规避的问题。“目前，微信推送的广告数量比较少，今后广告如果越来越多，如何保障用户个人信息不被滥用和泄露，是微信营销过程中的关键。”刘春泉说。
&&&&沈阳称，腾讯需要建立仲裁机制保护个人信息安全。“当用户感觉个人信息和隐私被侵犯或泄露时，要有地方申诉。”沈阳认为，微信可以参考微博专家委员会制度，还可以通过第三方评测督促对用户数据和信息的保护。“微信可以建立一个服务号来收集、反馈用户对广告的意见。”沈阳建议。
<INPUT type=checkbox value=0 name=titlecheckbox sourceid="SourcePh" style="display:none">你正在使用的浏览器版本过低，将不能正常浏览和使用知乎。微信朋友圈上这个很火很炫的广告是怎么实现的 - 简书
微信朋友圈上这个很火很炫的广告是怎么实现的
首先致敬微信团队，再一次引领了移动互联网产品的发展方向，给手机端广告再开了一扇门！
感谢曾经在微信工作的经历，让我更理解互联网
如果文章有任何不妥的地方，请直接邮件
如果你喜欢我的文章，可以直接访问我的，欢迎批评指正。
一、广告介绍
不清楚的朋友先看微信团队对这个广告的介绍：
里约奥运第一天，微信广告团队再放大招，新设计了一种广告类型，据说旨在用户能够更愿意去分享。亲测，打开那一刹那，确实很惊艳。下面是展示图片：
1.pic_meitu_1.jpg
作为一个热爱研究的移动开发者，第一印象是，这东西做成广告要怎么实现？
如上图，上面有一个很炫的入场动画，整个页面会展示若干上图片，里面会插入视频，视频会在出现时自动播放，划出后暂停，到最后会有一个可以跳转到具体产品的链接按钮。
之后看了微信放出来的另一个广告demo，和它的区别主要在元素位置、大小、以及最后按钮位置的不同，还有滑动交互的区别，如下图所示：
5.pic_meitu_1.jpg
这个广告有一大区别，就是每个元素都占用一页，滑动弹性切换，而第三页感觉就是一个全景长图，支持根据重力传感器移动看图（酷炫！）。
二、简单分析，以及hook准备
很明显，这个是一个原生开发的页面，而并不是HTML（如果H5能达到这个效果，Native开发就没饭碗了）；但作为一个为广告主使用的页面，那就要能够根据需求灵活展示各种元素，必然需要较好的订制化特性。我脑子里一下想到了React Native，weex，微信是不是也是和这些一样的，通过javascript代码来渲染翻译原生页面展示的呢？下面hook以下微信iOS版，看看到底是怎么做的，这里临时将我可怜的5s越狱了。。。
微信走的socket，直接是tcp协议，如果不知道其加密方式，基本不可能通过拦截请求的方式查看其实现。我这里是通过查看其ui布局，根据objective-c的runtime特性，查看其当前布局中对象的成员变量，反过来猜测其实现方式，不说了，先上图：
上面是其中一个广告的View Hierarchy结构，很明显，这个页面和后面的ViewController在一个堆栈，也就是说，该页面全屏不是通过window并提高层级来实现的，而是用了iOS7后的隐藏status bar的方法，那可能该页面并不支持iOS6。
三、WCCanvasPageViewController
上图可以发现，用于处理广告页面的ViewController类名是WCCanvasPageViewController，Canvas可能就是这个项目的代号吧，猜测包含Canvas的所有名字都是与这类广告相关的。堆栈底部显示着大大的MMTableView，也就是说，页面整体结构是一个UITableView。
然后研究了下UI层次接口，通过看View Hierarchy也可以发现的，首页动画是通过一个UIImageView和UITableView的第一个Cell共同实现的，尺寸、大小、资源、位置都完全一样，使得欺骗眼睛，以假乱真，如下图所示：
看到这里，还不可以确定这里实现的方案是不是React Native或者weex的方案；不过知道iOS app环境下可以执行的解释语言已知比较好的就只有javascript，其它的语言例如lua在支持都需要一些代码库的支持，在有js的情况下，其它语言基本已经被放弃了。
如果假设采用的是js来实现，那只需要在相关的WCCanvasPageViewController中找到大量以js或者jsexecutor或者jscontext等命名的方法或者常量即可，当然，最好是能直接找到ui代码，那就铁证如山了。
下面开始浏览WCCanvasPageViewController类：
1、m_FirstViewToAnimate 用于头部动画显示 ---& 这个view其实就是头部图片，估计还兼顾一些动画相关的处理
2、未能发现任何与js或者javascript相关的命名
3、从名字就完全能看的出来关键信息肯定都在一个名字叫做m_advertiseInfo的对象当中，事实上，关于广告的所有model层数据都在其中。这其中的字段太多了，不是很熟悉微信广告的业务，也就无法猜测这里面都是什么意思。
4、由于当前页面叫WCCanvasPageViewController，前文说了，canvas应该就是这个项目的代号，所以m_advertiseInfo里面一个名字叫做adCanvasInfo的必然是这个页面渲染的关键。
四、重中之重---“adCanvasInfo”
好，下面查看它的信息：
wcadcanvasinfo.jpg
shareTitle:"就是这个广告的标题"
shareDesc:"广告的一些介绍"
shareWebUrl:"广告试试上的分享链接，亲测在不支持的版本会直接跳转该url的h5进行广告展示"
sizeType:1 ---- 不明白什么意思，应该与样式有关
baseWidth:750 ---- 不太懂用在那里了
adCanvasPageList --& 一个数组，这个好像就是用于分页显示的数组，也就是page分页吧，处理滑动的惯性的，如果页面如果没有分页，那数组里面只有一个对象，事实上，一切都来自于下面的xml。
fromAdXml --- 一段xml，最最关键的信息来了，整个页面的meta data都在这里面！
由于知道微信消息的数据交换格式就是xml，很自然的，就能确信这个就是数据存放的地方。
仅仅知道采用xml还不能确定渲染方案，需要浏览xml，如果其中不包含样式相关信息，还需要理解其内部的含义，下面就贴出来这两个广告的xml信息：
1、伊利牛奶广告元信息
&?xml version="1.0" encoding="utf-8"?&
&originSnsId&-5202608&/originSnsId&
&originUxInfo&|wx0oghes5zhpmn4y||0|&/originUxInfo&
&nickname&伊利牛奶&/nickname&
&headClickType&0&/headClickType&
&adActionLinkHidden&1&/adActionLinkHidden&
&adActionLinkName&查看详情&/adActionLinkName&
&adActionLink&http://as./cgi-bin/redirect?tid=1601557&/adActionLink&
&adActionType&0&/adActionType&
&webviewRightBarShow&1&/webviewRightBarShow&
&attachShareLinkIsHidden&&/attachShareLinkIsHidden&
&expandOutsideTitle&
&zh&广告&/zh&
&tw&廣告&/tw&
&en&Sponsored&/en&
&/expandOutsideTitle&
&expandInsideTitle&
&zh&赞助商提供的广告信息&/zh&
&tw&贊助商提供的廣告信息&/tw&
&en&Sponsored story&/en&
&/expandInsideTitle&
&key&classify_zh_CN&/key&
&value&电器&/value&
&key&classify_zh_TW&/key&
&value&電器&/value&
&key&classify_en&/key&
&value&appliance&/value&
&key&nickname_zh_CN&/key&
&key&nickname_zh_TW&/key&
&key&nickname_en&/key&
&adCanvasInfo&
&pageID&&/pageID&
&id&1371&/id&
&canvasName&安慕希&/canvasName&
&sizeType&1&/sizeType&
&basicWidth&750&/basicWidth&
&basicRootFontSize&1&/basicRootFontSize&
&shareTitle&他会让世界好看，你看好吗？&/shareTitle&
&shareDesc&靠颜值可以霸屏的我涛，要去称霸全宇宙了。&/shareDesc&
&shareThumbUrl&/mmsns/olticmAYicoM8WH03wUK2LgURpbYn92GxLWWCd9cegRJ46W3BlEIrz5A/0&/shareThumbUrl&
&shareWebUrl&http://mp./tp/ad_detail_info?page_key=c6cd90ee560e0acde652c42b567fe3759cbd1ff8cb034dd9c0be9&/shareWebUrl&
&PageList&
&backgroundCover/&
&backgroundColor&#ffffff&/backgroundColor&
&componentItemList&
&componentItem&
&pureImageUrl&/mmsns/olticmAYicoM882rFgvNH3mKo5ZDn6p7LFxdZnUt8WSEQqibXtkwXplHQ/0&/pureImageUrl&
&imageHeight&938&/imageHeight&
&imageWidth&750&/imageWidth&
&paddingTop&0&/paddingTop&
&paddingBottom&0&/paddingBottom&
&paddingRight&0&/paddingRight&
&paddingLeft&0&/paddingLeft&
&type&41&/type&
&name&图1&/name&
&/componentItem&
&componentItem&
&pureImageUrl&/mmsns/olticmAYicoM882rFgvNH3mKo5ZDn6p7LFLL5prEEujnDa0v0ANaBiaWw/0&/pureImageUrl&
&imageHeight&396&/imageHeight&
&imageWidth&750&/imageWidth&
&paddingTop&0&/paddingTop&
&paddingBottom&0&/paddingBottom&
&paddingRight&0&/paddingRight&
&paddingLeft&0&/paddingLeft&
&type&41&/type&
&name&图2&/name&
&/componentItem&
&/componentItemList&
&backgroundCover/&
&backgroundColor&#000000&/backgroundColor&
&componentItemList&
&componentItem&
&streamVideoUrl&http://wxsnsdy./105/20210/snsdyvideodownload?filekey=0fe55d4dd99e6d43de0400&bizid=1023&hy=SH&fileparam=302cffd2c0e8d7f&/streamVideoUrl&
&streamDisplayType&0&/streamDisplayType&
&streamVideoThumb&http://vweixinthumb./150/20250/snsvideodownload?filekey=106ed93afac5ffc400&bizid=1023&hy=SH&fileparam=302cffd2c31e8d7f&/streamVideoThumb&
&streamDisplayWidth&640&/streamDisplayWidth&
&streamDisplayHeight&1138&/streamDisplayHeight&
&paddingTop&0&/paddingTop&
&paddingBottom&0&/paddingBottom&
&paddingRight&0&/paddingRight&
&paddingLeft&0&/paddingLeft&
&type&62&/type&
&name&视频1&/name&
&/componentItem&
&/componentItemList&
&backgroundCover/&
&backgroundColor&#000000&/backgroundColor&
&componentItemList&
&componentItem&
&panoramaImageUrl&/mmsns/olticmAYicoM8WH03wUK2LgURpbYn92GxLZ1s7PbTjWlwjmxnyqk5QXA/0&/panoramaImageUrl&
&type&44&/type&
&name&全景1&/name&
&/componentItem&
&/componentItemList&
&backgroundCover/&
&backgroundColor&#ffffff&/backgroundColor&
&componentItemList&
&componentItem&
&pureImageUrl&/mmsns/olticmAYicoM882rFgvNH3mKo5ZDn6p7LFdQz4tNnibpxfbJ0XbzDsRlQ/0&/pureImageUrl&
&imageHeight&736&/imageHeight&
&imageWidth&750&/imageWidth&
&paddingTop&0&/paddingTop&
&paddingBottom&0&/paddingBottom&
&paddingRight&0&/paddingRight&
&paddingLeft&0&/paddingLeft&
&type&41&/type&
&name&图3&/name&
&/componentItem&
&componentItem&
&pureImageUrl&/mmsns/olticmAYicoM8aSeQibcyTFYR5BQx2zibXaoZWyQy8uUlbQAIm116KkSRw/0&/pureImageUrl&
&imageHeight&301&/imageHeight&
&imageWidth&750&/imageWidth&
&paddingTop&0&/paddingTop&
&paddingBottom&0&/paddingBottom&
&paddingRight&0&/paddingRight&
&paddingLeft&0&/paddingLeft&
&type&41&/type&
&name&图4&/name&
&/componentItem&
&componentItem&
&btnTitle&立即加入&/btnTitle&
&fontSize&30&/fontSize&
&fontColor&#ffffff&/fontColor&
&btnJumpUrl&/201608/main.html&/btnJumpUrl&
&btnType&0&/btnType&
&borderSize&0&/borderSize&
&btnHeight&78&/btnHeight&
&btnBgColorTheme&#004DA1&/btnBgColorTheme&
&btnBorderColorTheme&#004DA1&/btnBorderColorTheme&
&btnFontType&1&/btnFontType&
&paddingTop&0&/paddingTop&
&paddingBottom&0&/paddingBottom&
&paddingRight&205&/paddingRight&
&paddingLeft&205&/paddingLeft&
&type&21&/type&
&name&按钮1&/name&
&/componentItem&
&/componentItemList&
&/PageList&
&/adCanvasInfo&
2、Nike广告元信息
&?xml version="1.0" encoding="utf-8"?&
&nickname&NIKE&/nickname&
&headClickType&0&/headClickType&
&adActionLinkHidden&1&/adActionLinkHidden&
&adActionLinkName&查看详情&/adActionLinkName&
&adActionLink&http://as./cgi-bin/redirect?tid=1601569&/adActionLink&
&adActionType&0&/adActionType&
&webviewRightBarShow&1&/webviewRightBarShow&
&attachShareLinkIsHidden&&/attachShareLinkIsHidden&
&expandOutsideTitle&
&zh&广告&/zh&
&tw&廣告&/tw&
&en&Sponsored&/en&
&/expandOutsideTitle&
&expandInsideTitle&
&zh&赞助商提供的广告信息&/zh&
&tw&贊助商提供的廣告信息&/tw&
&en&Sponsored story&/en&
&/expandInsideTitle&
&key&classify_zh_CN&/key&
&key&classify_zh_TW&/key&
&key&classify_en&/key&
&key&nickname_zh_CN&/key&
&key&nickname_zh_TW&/key&
&key&nickname_en&/key&
&adCanvasInfo&
&pageID&&/pageID&
&id&2566&/id&
&canvasName&nike其他城市&/canvasName&
&sizeType&1&/sizeType&
&basicWidth&750&/basicWidth&
&basicRootFontSize&1&/basicRootFontSize&
&shareTitle&嘿，今天该你上场了！&/shareTitle&
&shareDesc&没错，就是你！立即一探究竟&/shareDesc&
&shareThumbUrl&/mmsns/gFuZJlqxR6dJFiccZHiagg9l2ibIPClbic4wrylT8DKZaj06bg9sbRzSbw/0&/shareThumbUrl&
&shareWebUrl&http://mp./tp/ad_detail_info?page_key=5b6cddf2c33149ccfdde13a63e56cd068fd9d5e65c22f692fb134f3fbc37fb96e77abbf502ec59ca87ddfc4&/shareWebUrl&
&PageList&
&backgroundCover/&
&backgroundColor&#ffffff&/backgroundColor&
&componentItemList&
&componentItem&
&pureImageUrl&/mmsns/gFuZJlqxR6dJFiccZHiagg9l2ibIPClbic4wpEw5ySjbksLJiaAqcdeWicXw/0&/pureImageUrl&
&imageHeight&750&/imageHeight&
&imageWidth&750&/imageWidth&
&paddingTop&0&/paddingTop&
&paddingBottom&0&/paddingBottom&
&paddingRight&0&/paddingRight&
&paddingLeft&0&/paddingLeft&
&type&41&/type&
&name&头图&/name&
&/componentItem&
&componentItem&
&pureImageUrl&/mmsns/gFuZJlqxR6dJFiccZHiagg9l2ibIPClbic4wX2aMkzC0zeoWEEVJRfZWdQ/0&/pureImageUrl&
&imageHeight&448&/imageHeight&
&imageWidth&750&/imageWidth&
&paddingTop&0&/paddingTop&
&paddingBottom&0&/paddingBottom&
&paddingRight&0&/paddingRight&
&paddingLeft&0&/paddingLeft&
&type&41&/type&
&name&文本1-1&/name&
&/componentItem&
&componentItem&
&streamVideoUrl&http://wxsnsdy./105/20210/snsdyvideodownload?filekey=22c5ae7e28d5ca1d&bizid=1023&hy=SH&fileparam=302cffdf&/streamVideoUrl&
&streamDisplayType&1&/streamDisplayType&
&streamVideoThumb&http://vweixinthumb./150/20250/snsvideodownload?filekey=10ee035de565a944eabfecc7a&bizid=1023&hy=SH&fileparam=302cffdaf&/streamVideoThumb&
&streamDisplayWidth&750&/streamDisplayWidth&
&streamDisplayHeight&421.875&/streamDisplayHeight&
&paddingTop&0&/paddingTop&
&paddingBottom&0&/paddingBottom&
&paddingRight&0&/paddingRight&
&paddingLeft&0&/paddingLeft&
&type&62&/type&
&name&流媒体视频&/name&
&/componentItem&
&componentItem&
&pureImageUrl&/mmsns/gFuZJlqxR6eX7uHPR8P04tkiakghyIj02xL4nxRaThSt4vDdttU8XZA/0&/pureImageUrl&
&imageHeight&354&/imageHeight&
&imageWidth&750&/imageWidth&
&paddingTop&0&/paddingTop&
&paddingBottom&0&/paddingBottom&
&paddingRight&0&/paddingRight&
&paddingLeft&0&/paddingLeft&
&type&41&/type&
&name&文案2&/name&
&/componentItem&
&componentItem&
&pureImageUrl&/mmsns/gFuZJlqxR6dUFC5PWYcDbzoSgX8qB4fkXXZibicqiaw9t7KMVsWZe0zMg/0&/pureImageUrl&
&imageHeight&1334&/imageHeight&
&imageWidth&750&/imageWidth&
&paddingTop&0&/paddingTop&
&paddingBottom&0&/paddingBottom&
&paddingRight&0&/paddingRight&
&paddingLeft&0&/paddingLeft&
&type&41&/type&
&name&长图1&/name&
&/componentItem&
&componentItem&
&pureImageUrl&/mmsns/gFuZJlqxR6dUFC5PWYcDbzoSgX8qB4fkIV7oAFquic7wHjBt24qHTUw/0&/pureImageUrl&
&imageHeight&1334&/imageHeight&
&imageWidth&750&/imageWidth&
&paddingTop&0&/paddingTop&
&paddingBottom&0&/paddingBottom&
&paddingRight&0&/paddingRight&
&paddingLeft&0&/paddingLeft&
&type&41&/type&
&name&长图2&/name&
&/componentItem&
&componentItem&
&pureImageUrl&/mmsns/gFuZJlqxR6dUFC5PWYcDbzoSgX8qB4fkx3Abdic8QWHClsasGBdYbRA/0&/pureImageUrl&
&imageHeight&1334&/imageHeight&
&imageWidth&750&/imageWidth&
&paddingTop&0&/paddingTop&
&paddingBottom&0&/paddingBottom&
&paddingRight&0&/paddingRight&
&paddingLeft&0&/paddingLeft&
&type&41&/type&
&name&长图3&/name&
&/componentItem&
&componentItem&
&pureImageUrl&/mmsns/gFuZJlqxR6dUFC5PWYcDbzoSgX8qB4fkuouM2ZUaRVPKYN4eDCvAEw/0&/pureImageUrl&
&imageHeight&1334&/imageHeight&
&imageWidth&750&/imageWidth&
&paddingTop&0&/paddingTop&
&paddingBottom&0&/paddingBottom&
&paddingRight&0&/paddingRight&
&paddingLeft&0&/paddingLeft&
&type&41&/type&
&name&长图4&/name&
&/componentItem&
&componentItem&
&pureImageUrl&/mmsns/gFuZJlqxR6dUFC5PWYcDbzoSgX8qB4fkGZG8yw8dW0kDhfVEfSMP1g/0&/pureImageUrl&
&imageHeight&1334&/imageHeight&
&imageWidth&750&/imageWidth&
&paddingTop&0&/paddingTop&
&paddingBottom&0&/paddingBottom&
&paddingRight&0&/paddingRight&
&paddingLeft&0&/paddingLeft&
&type&41&/type&
&name&长图5&/name&
&/componentItem&
&componentItem&
&pureImageUrl&/mmsns/gFuZJlqxR6dUFC5PWYcDbzoSgX8qB4fk8g4sjFQnuelkgysLQpVXAw/0&/pureImageUrl&
&imageHeight&1334&/imageHeight&
&imageWidth&750&/imageWidth&
&paddingTop&0&/paddingTop&
&paddingBottom&0&/paddingBottom&
&paddingRight&0&/paddingRight&
&paddingLeft&0&/paddingLeft&
&type&41&/type&
&name&长图6&/name&
&/componentItem&
&componentItem&
&pureImageUrl&/mmsns/gFuZJlqxR6dUFC5PWYcDbzoSgX8qB4fkXdbibibUsMwqOt13Wcyqns3w/0&/pureImageUrl&
&imageHeight&1505&/imageHeight&
&imageWidth&750&/imageWidth&
&paddingTop&0&/paddingTop&
&paddingBottom&0&/paddingBottom&
&paddingRight&0&/paddingRight&
&paddingLeft&0&/paddingLeft&
&type&41&/type&
&name&长图7&/name&
&/componentItem&
&componentItem&
&pureImageUrl&/mmsns/gFuZJlqxR6dGp4D8cCyJo38N3Oj4R89Dibv6ICjLoMb5qyAosI4ian1A/0&/pureImageUrl&
&imageHeight&728&/imageHeight&
&imageWidth&750&/imageWidth&
&paddingTop&0&/paddingTop&
&paddingBottom&40&/paddingBottom&
&paddingRight&0&/paddingRight&
&paddingLeft&0&/paddingLeft&
&type&41&/type&
&name&图片3&/name&
&/componentItem&
&componentItem&
&btnTitle&立即上场&/btnTitle&
&fontSize&30&/fontSize&
&fontColor&#000000&/fontColor&
&btnJumpUrl&/cn/zh_cn/c/justdoit/national?cp=cn_brom_080616_u_GEN_AL_OLP_nwc_LM_02_SP_GC&/btnJumpUrl&
&btnType&0&/btnType&
&borderSize&2&/borderSize&
&btnHeight&80&/btnHeight&
&btnBgColorTheme&#ffffff&/btnBgColorTheme&
&btnBorderColorTheme&#000000&/btnBorderColorTheme&
&btnFontType&1&/btnFontType&
&paddingTop&0&/paddingTop&
&paddingBottom&20&/paddingBottom&
&paddingRight&150&/paddingRight&
&paddingLeft&150&/paddingLeft&
&type&21&/type&
&name&按钮&/name&
&/componentItem&
&componentItem&
&pureImageUrl&/mmsns/gFuZJlqxR6dGp4D8cCyJo38N3Oj4R89Dd799WvreUsibkibiaEh19p1lQ/0&/pureImageUrl&
&imageHeight&392&/imageHeight&
&imageWidth&750&/imageWidth&
&paddingTop&40&/paddingTop&
&paddingBottom&50&/paddingBottom&
&paddingRight&0&/paddingRight&
&paddingLeft&0&/paddingLeft&
&type&41&/type&
&name&图片4&/name&
&/componentItem&
&/componentItemList&
&/PageList&
&/adCanvasInfo&
&originSnsId&&/originSnsId&
&originUxInfo&|wx0vl72zluinqfpw||0|&/originUxInfo&
看了xml，再对比下UI效果，基本就确定了，整个xml里面就是一段tableview的元信息，可以认为，该广告只支持tableview的展示，也就是说：
客户端订好若干模板，tableview的每一个cell是一个模板，广告主去组合这个即可
不得不说，这里很有想象力！
其中，最后用于广告主效果跳转的button竟然也是一个cell，通过xml字段来看，这个位置会限制广告主的发挥，因为该cell背景只能用纯色！
最后，我们看看这一波广告支持多少种模板的组合方式：
wcadcanvascomponent.jpg
上图所有以WCCanvasComponent开头的，都是能支持的模板，字面上大多数能看明白意思：有意思的是视频竟然包含流媒体和小视频两种，有一个WebViewInfo可能预示着这里必要的时候某些模块可以load一段网页进行展示。。。
六、简单的优缺点分析，以及Android
好吧，整个分析都完事了，可以确信微信广告团队采用的技术方案了。
这种技术方案的好处在于完全可控，客户端在定制化过程中能最大化的提高流畅度和性能，传输协议也能兼容微信现有的消息方式，通过模块组合也能过实现广告主非常好的定制化。
缺陷在于毕竟所有功能样式都依赖于客户端版本支持，虽然会有很多好玩的样式，但毕竟有限，最终广告主的创意发挥也会受限，不过手机端的广告受限于屏幕宽度，能展示的创意本身也不是很多，微信广告团队的这种方案几乎可以cover主所有主流创意了。
无论如何，这种广告方式都是一个非常了不起的发明，可以确信，app端广告将正式进入原生时代！
被遗忘的Android
上面说了这种实现方式一大优势就是兼容性好，直接支持现有的微信消息协议，所以Android端在获取广告元信息必然也是消息传输过来的xml信息，无非渲染方式不一样而已。可以猜测，应该也仅仅是listview中组了一些原生组建吧。不过由于android中屏幕千奇百怪，各种ROM的碎片化订制，Android在实现分页弹性滑动和全景图片展示会遇上更多的坑。（亲测确实很多地方不尽如人意）
愿生命如野火般熊熊燃烧，永不熄灭。