Vibe Studio 小组件

游戏化小组件
为您的网站而建,对话即可生成

用您自己的话描述一个排行榜、一条任务栏或一面徽章墙。Vibe Studio 会按您的品牌风格构建它,填入来自 Smartico 的每位玩家实时数据,并提供一段代码,让您放在网站任意位置。

您的游戏化,您的风格

一次真实的 Vibe Studio 会话:一条消息就把默认排行榜变成绿色的体育博彩横幅。发布后用一段代码片段放到赌场页面上,再加一句话又改了一次。

  • 您的风格,而非默认样式:一条消息即可换上新的配色、字体、布局和生成的图片。
  • 每位玩家的实时数据:排名、积分和玩家自己的排名进度条都来自 Smartico。
  • 嵌入您的页面:发布后粘贴一段代码片段,它就会出现在大厅、体育页面或账户页。
  • 随时修改:提出需求、重新发布,您的网站即可显示。无需开发人员,无需发布新版本。

游戏化 嵌入您的产品

小组件是面向已登录玩家的即插即用模块:大厅侧边栏的排行榜、体育页面的任务栏、账户页面的徽章墙。您负责设计外观,Smartico 负责填入每位玩家自己的任务、余额、等级和奖励。

  • 可基于任意玩法构建:任务、等级、锦标赛、排行榜、商城、头像、徽章、活动记录、站内信、抽奖、奖池和战队,也可将多种玩法放在一个模块中。
  • 每位玩家开箱即可看到自己的进度,无需管理任何玩家级参数。
  • 从模板或您自己的描述开始,然后提出修改:颜色、布局、文字和动画。

只需 一段代码即可嵌入

发布小组件,点击 Get Code,然后将代码片段粘贴到您的页面中。您网站上已有的 Smartico SDK 会识别玩家。

  • Widget Layout 用于设置容器:自动或固定的宽度和高度,以及小组件是适应内容还是填满空间。
  • 重新发布会就地更新小组件。嵌入地址始终不变,您的网站无需重新发版。
  • 已发布的小组件通过全球 CDN 提供给您的玩家。
嵌入代码片段
<div id="smartico-gamification-block" style="width:100%"></div>
<script>
  _smartico.gamificationBlock({
    dom_id: 'smartico-gamification-block',
    url: 'https://<your-widgets-domain>/.../widget.js',
    fit: 'content'
  });
</script>

安全运行于 您的网站

小组件位于您的页面中,因此绝不能破坏页面。Vibe Studio 会为您检查这一点。

  • /widget-check 命令会审查小组件,确保不会溢出容器,也不会改变您网站的样式。
  • /verify 命令会在发布前运行项目并修复错误。
  • 在任何内容上线前,以真实玩家身份及其本人数据,在桌面端和移动端预览。
  • 奖励保留在后台:新设计只改变外观,绝不改变玩家赢得的内容。

试用真实小组件

这些小组件由 Vibe Studio 基于现成模板制作,并通过 Smartico SDK 在本网站上实时运行。您以本网站访客的身份看到它们,并拥有自己的积分和排名。

your-casino.com

本网站的八款 Vibe Studio 游戏,每款都有自己的美术设计。点击“开玩”即可打开游戏。

仅供演示:本网站上的积分和奖品没有实际价值。

想看更多?

smartico.dev 上有数十个用 Vibe Studio 构建的实时示例:覆盖各项游戏化功能的小组件、促销页、落地页以及更多自定义游戏。

打开 smartico.dev

常见问题

小组件如何触达玩家?
在网站上添加小组件需要开发人员吗?
小组件可以展示哪些玩法?
小组件会影响我们网站的样式吗?