.

签到插件使用教程

老赵发表于:2022年03月08日 10:46:28更新于:2022年10月09日 14:19:47

签到插件简介

吸引用户定时访问H5,通过点击某个按钮或访问某个页面表明自己登录了H5。当用户完成签到,打卡会被给予奖励以强化用户行为,从而提高用户粘性。

签到插件支持以下功能:

  • 支持查看签到记录

  • 支持连续签到和累计签到

  • 支持用户每日签到

  • 支持签到排行及记录功能

  • 支持日历标记签到情况及展开收起

签到插件使用前须知

目前,签到插件属于内测阶段,仅供用户试用体验,严禁将其用于商业目的。

如果在商用过程中出现任何问题、带来任何商业损失,意派科技不承担其带来的任何责任。

由于签到插件调用了微信接口,所以需开启微信授权使用。如何开启授权?

签到插件添加及配置

正式上线后,可以在编辑器顶部topbar——互动插件处找到签到插件。

一、添加签到插件

内测:在顶部栏——高级组件——beta 组件中,添加签到插件。

正式:在顶部栏 ——互动组件中,添加签到插件。

image.png

【立即打卡】点击显示打卡成功弹窗界面,打卡成功同时日历上也会标注显示。

【签到排行】点击可查看打卡排行和个人打卡记录。

二、插件基本设置

属性面板由配置面板、后台数据管理组成 点击配置面板,可设置签到插件的相关信息。 image.png

活动名称:活动报名的活动的信息,可根据具体活动进行设置;

活动报名时间:活动开始到结束的时间,期间内用户可以进行签到操作;

活动图片:可配置活动底图、按钮图片

举办方名称:可设置举办方名称,显示在应用底部。

活动规则说明:可说明活动规则,向活动对象用户展示。

三、规则设置

image.png

累计签到:可设置累计签到天数。

连续签到:可设置连续签到天数。

自动签到:开启后用户进入签到应用界面即可签到。

展开日历:默认日历关闭,开启后日历展开显示。

image.png

应用背景图:可将应用背景图隐藏。之后可用编辑器内的自定义背景。

签到成功后填写个人信息:开启后当用户签到成功后可收集用户姓名、地址、电话、邮箱基本信息。

image.png

显示参与人数:开启后在输入框设置“参与人数”基础值(仅展示,实际统计以数据表为准)

image.png

四、样式设置

有时我们会需要对插件本身部分样式进行个性化调整,样式设置中支持我们自行编辑CSS 文档,支持嵌套,便于我们根据自己的想法需求去调整组件的布局和外观。

后续,我们将在【样式设置】面板中增加一些默认的css代码,方便不会代码的用户自定义文字颜色、字号等设置。

image.png五.后台数据管理

点击属性面板中的后台数据管理,可进入插件数据页面查看签到记录表。

 image.png

签到用户信息表:可收集所有用户的打卡记录并作为排行榜的依据。

签到次数记录表:记录个人的打卡数据,其他人无法查看。

image.png

点击查看数据:

签到用户信息表:记录用户的id、头像、昵称、累计签到次数、连续签到次数、用户信息。

签到次数记录表:记录个人用户的id、头像、昵称、签到时间用户个人签到校对。

image.png

image.png

六、触发器

签到插件的触发器有以下几种:

签到成功

签到失败

达到累计签到天数时

达到连续签到天数时

当同时设置了上方几种触发器时,触发器的依次执行顺序为:

签到成功时>签到累计时>签到连续时。

当同时满足达成累计签到天数和达成连续签到天数的触发器时,则只会执行累计签到触发器。

七、预览

以上签到内容设置完成后,我们可以左上角预览当前页或者点击发布手机扫码即可。

image.png

image.png

以上就是我们签到插件的基本使用方法哦~


FAQ:如何判断用户是否签到过:(利用js获取当前用户的total数量判断)

var total=interaction_view?.expression?.getElByEid('p_page_6e736b18f7331b5a7a84766c147bb941.vnj3')?.attributes?.iDetail?.apiData?.record?.[0]?.total_clock_num_each_one;


--------- 不了解设计的程序员不是好客服 ---------------