AR技术是一种增强现实技术，是将虚拟信息增强真实世界反馈的一种方式，常用于地图导航和场景互动当中。将这项技术与H5活动相结合可以提升活动的趣味性，从而吸引用户参与。下面就为大家分享一款由腾讯发布的ARH5案例，看看公益H5活动上如何结合AR技术的。

一、活动背景介绍

这是由腾讯音乐和Discovery探索频道2022年4月22日世界地球日推出的一款保护濒危物种公益宣传H5，活动以“Discovery地球投资官”为主题，通过AR技术将地球模型放置在用户的手掌心上，随后介绍濒危物种，宣传保护环境人人有责的理念，号召大家共同维护地球生态系统。

二、活动玩法介绍

这款公益H5结合了AR互动框架，整体活动流程分为：1、主题页 → 2、AR互动 → 3、活动介绍 → 4、活动详情页 → 5、数字藏品购买界面。

1、主题页：进入到活动之后首先可以看到一张卡片和放置在卡片上的地球模型，界面上方是品牌方logo中间是活动主题和地球模型，点击触点进入活动；

2、AR互动：来到AR互动界面，点击触点，弹出提示，十分允许该H5调用摄像头，点击不同意进入下一页，点击同意进入AR交互，根据白线提示将拳头握紧放置在画面中，随后展开手掌，手中出现一个三维立体地球。地球可以跟随用户的手掌轻微移动，再次握拳伸开，地球随即进入“活动介绍”页面。

3、活动介绍：由全球知名的纪录片公司Discovery探索频道在世界地球日发企的一场活动。希望能够引起大家重视并珍惜地球上的每一种生物。以11种濒危物种为原型，制作了数字藏品。号召大家一起保护地球环境，维护生物多样性。

4、活动详情页：可以看到11种濒危物种介绍和三维数字模型，可以左右滑动，切换查看每一个物种的介绍。 点击其中一款生成分享海报。

5、数字藏品购买界面：点击“领取种子卡”按钮，弹出留资页面，用户需要输入自己的电话、地址，以及同意《隐私政策》条款，可以提交收件信息，参与活动。点击“购买数字藏品”按钮，会跳转官方TME数字藏品活动页面。

这款由腾讯制作的世界环境日H5活动，在页面设计上采用了水晶质感的彩色页面设计风格，结合黑色的背景展示出来一种时尚简约且高端的画面效果；结合AR交互技术和信息介绍、海报生成框架，在最后的海报界面可以有效将用户引流至数字藏品购买界面。