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

释放双眼,带上耳机,听听看~!

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

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

首先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网页还不一样,常规的埋点监测比较困难,而品牌大号的公众号文章和引流到电商的推文对于链接的来源统计有要求。

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

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

https://ccswust.lanzous.com/iiz10exyj5a

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

版权申明:网站字体及图片来源于互联网,如果侵犯了您的权利,请联系我们,我们将尽快改正我们的错误,谢谢您的理解!

给TA赞赏
共{{data.count}}人
人已赞赏
WordPress主题效率/办公

wordpress用html5极速预加载

2018-9-7 18:09:57

中国人民大学陈力丹教授:文科硕士论文写作的基本步骤和规范

2020-10-15 9:52:57

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索