SVG在公众号的运用附苹果公众号开花效果

企业做HTML5的落地活动，对公众号和小程序进行引流，效果无法预计不说，一次活动周期长，成本高，给广告公司去策划环节还多；而常规的内容推文增粉短期来看增粉又比较慢。这几天看了apple公众号的一篇ipad新品推广的推文，文章运用SVG脚本在图文排版上下了文章，加入了不少动态和交互，再辅以apple一贯的高质量设计图，效果清新简洁，做运营的你不妨也可以效仿一试。

首先SVG排版是什么？

SVG可以在web上绘画的一种语言。其实可以在web上绘画的方式有很多，CSS，Javascript，SVG都可以实现，我们之前做HTML5的campaign里的动画效果很多都用到了CSS和Javascript，但在微信推文中CSS和JS都被屏蔽了，所以只能用SVG来做动画的开发。

用SVG来做微信图文的排版至少有几个好处

1. 直接在推文中实现，不需要像以往HTML5活动一样要通过“点击原文”再跳转到其他的网页，降低了浏览的流失率。
2. SVG开发，简单易用，开发门槛也低，通常只要运用微信公众平台或者常用的排版软件如“秀米”等，配合SVG的脚本开发就能够直接实现。
3. SVG动画是推文排版的一部分，一次campaign的策划周期、开发成本、人力成本都大大降低，原来项目1/4到1/3的预算能够有机会实现同样的增长，执行周期还短，就算一次活动的效果差强人意，试错成本也不算高，且有助于快速切入下次运营活动的策略调整。

微信图文中运用SVG交互动画有什么局限性

首先，SVG还是有很多无法实现的效果。由于收到微信的屏蔽，我们只能运用SVG，所以在动画效果的变化和合成上不如独立网页上的动画那么随心所欲。

其次，SVG只是绘制动画，对于数据采集和一些前后端的数据的传递束手无策。微信推文中无法实现留存数据的小游戏。

最后，微信图文和web网页还不一样，常规的埋点监测比较困难，而品牌大号的公众号文章和引流到电商的推文对于链接的来源统计有要求。

苹果公众号开花效果下载地址

https://ccswust.lanzous.com/iiz10exyj5a