App 广告活动页分享

分享 微信

---

需求背景

此需求由运营部提出，希望让用户能够把我们的广告活动页分享到社交网络，已达到吸引新用户的目的。

---

需求目标

运营部唯一的要求就是流程尽可能简单，一看就知道怎么使用。

---

需求列表

分享目标

分享的是手机 App 目前 Banner 内的广告活动页的HTML5 类型/跳网址类型。
分享的标题是 HTML5 页面的标题，图标是 HTML5 页面的图标。

---

按钮位置

• 分享按钮置于顶部导航栏最右侧;
• 原 iOS 底部浏览器工具栏中的分享按钮移除，现在 iOS 底部浏览器工具栏使用四个按钮，顺序依次为:
  返回上一页 前进至下一页 停止加载页面 刷新当前页面;

• 停止加载页面使用一个与其他按钮一样风格的 X 即可;

  统一两个平台的浏览器工具栏，可以减少一些产品设计和视觉设计上的工作量。如果不调整而且把分享按钮置于顶部导航栏的话，iOS 版 App 将会有两个分享按钮。

• 分享按钮开始为禁用状态，等到网页加载完才能点击分享按钮，这样不会出现没有网页标题的情况。

  我们的活动页面一般较小，几秒钟就能加载完，不会太影响用户使用。

---

动画效果

• 点击下载 Storehouse 的效果动画;
• 我们需要这两种分享方式:分享给微信好友+分享至朋友圈;
• 面板不是直接展开至100%尺寸，而是先超过100%，再缩放回100%，请注意;
• 点击顶部分享按钮时，界面会蒙上一层阴影，阴影效果是以fade/淡入淡出 150ms的时间出现，不是瞬间出现的，消失时也以fade/淡入淡出 150ms的时间消失;
• 设备未安装微信，点击时黑框提示“没有安装微信”，X秒后自动消失(与其他提示一样)

---

分享接口文档

微信 iOS SDK文档
微信 Android SDK文档

---

分享后跳转/回调

• 如果用户分享给微信好友，则分享的提示面板里，上面一个按钮是 返回Panli需要回调，下面一个按钮是 留在微信不回调;
  
• 如果用户分享到朋友圈，则分享完成后自动回调至 Panli App;
• 取消分享后自动回调至 Panli App。

to 研发工程师
success=用户分享给朋友成功后点击 返回Panli，以及成功分享至朋友圈;
cancel=用户取消分享(包括分享给朋友和分享至朋友圈)

---

其他要求

• 隐藏广告在 Banner 中打开广告活动页，希望可以不显示下载 App的按钮;
• 数据埋点记录打开过该 Banner 页面的次数，以及分享成功“success”的次数[区分 iOS 和 Android 平台]，以便了解这次分享的效果。