更新记录

1.0.0(2023-09-03)

微信隐私保护弹出框,兼容低版本代码库 支持回调 支持被动触发


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
× × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

微信小程序隐私协议 (兼容低版本)

1.manifest.json中添加(重要)

不添加这一配置,隐私协议弹框不触发展示

"mp-weixin" : {
  //小程序隐私协议
  "__usePrivacyCheck__": true
},

2.引入插件

下载插件后将 /components/privacy-popup 文件夹复制到你项目的/components 目录下

main.js 引入组件

import PrivacyPopup from '@/components/privacy-popup/privacy-popup.vue';

Vue.component('PrivacyPopup',PrivacyPopup)

注:插件导入即可,触发微信API方可自动调用,打开协议弹窗

3.页面使用

<template>
    <view>
        <!-- #ifdef MP-WEIXIN -->
        <!-- 小程序隐私协议 -->
        <privacy-popup></privacy-popup>
        <!-- #endif -->
    </view>
</template>

4.被动触发隐私协议弹框

如第三点说明引入组件即可,默认被动触发

5.主动触发

如过需要主动触发协议弹框

<!-- #ifdef MP-WEIXIN -->
    <!-- 小程序隐私协议 -->
    <privacy-popup ref="privacyPopup"></privacy-popup>
<!-- #endif -->
onLoad() {
    this.$refs.privacyPopup.proactive();
}

6.支持回调方法

<!-- #ifdef MP-WEIXIN -->
    <!-- 小程序隐私协议 -->
    <privacy-popup ref="privacyPopup" @agree="callback1"  @disagree="callback2"></privacy-popup>
<!-- #endif -->

注意事项:

1.先在小程序后台设置用户隐私保护指引:设置-基本设置-服务内容声明-用户隐私保护指引

2.小程序的基础库版本从 2.32.3 开始支持,所以要选这之后的版本

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问