付费墙编辑工具中的自定义标签

自定义标签让您无需为不同场景创建单独的付费墙。想象一个能根据用户数据动态适配的付费墙。例如,您可以用”你好,张伟!“或”你好,李梅!“个性化问候用户,而不是千篇一律的”你好!”

本节介绍新版付费墙编辑工具,兼容 iOS、Android 和 React Native SDK 3.0 及更高版本,以及 Flutter 和 Unity SDK 3.3.0 及更高版本。有关兼容 Adapty SDK v2.x 或更早版本的旧版付费墙编辑工具的信息,请参阅旧版付费墙编辑工具中的自定义标签

以下是自定义标签的一些使用场景:

  • 在付费墙上显示用户的姓名或电子邮件。
  • 显示当前星期几以促进销售(例如,“快乐星期四”)。
  • 添加关于所售产品的个性化详情(如健身计划的名称或 VoIP 应用中的电话号码)。

自定义标签帮助您创建灵活的付费墙,使其适应各种情况,让您的应用界面更加个性化和吸引人。

请确保为每个包含自定义标签的行添加备用文本。

请记住,为每个包含自定义标签的行都添加备用文本。

在某些情况下,您的应用可能不知道应该用什么替换自定义标签——尤其是当用户使用的是旧版 AdaptyUI SDK 时。为防止这种情况,请始终添加备用文本,以替换包含未知自定义标签的行。否则,用户可能会看到标签以代码形式显示(<USERNAME/>)。

如何向付费墙添加自定义标签

您可以在付费墙编辑工具的任意文本行中添加一个或多个自定义标签。

添加自定义标签的步骤:

  1. 在文本行中以 <CUSTOM_TAG/> 格式输入自定义标签,或输入左尖括号(<),系统将以正确格式提示该标签。

    需要注意以下几点:

    • 在 Adapty 付费墙编辑工具中,自定义标签用尖括号括起来(<CUSTOM_TAG/>),但在您的应用代码中,应直接引用(CUSTOM_TAG)。
    • 自定义标签区分大小写。
    • 自定义标签不能与 Adapty 中为产品信息保留的任何标签变量重叠。
1ea0b95-adding_custom_tag.webp
  1. 添加自定义标签后,请务必输入备用文本行。如果您的应用无法识别某个自定义标签,该备用文本将在应用中显示,确保用户不会看到以代码形式呈现的标签。备用文本将替换包含该自定义标签的整行内容。
4d43874-custom_tag_fallback.webp

如何在移动应用中使用自定义标签

要在您的移动应用中使用自定义标签,请创建一个 tagResolver 对象——这是一个将自定义标签与字符串值配对的字典或映射,用于在付费墙渲染时替换相应标签。以下是示例:

在此示例中,USERNAME 是您在 Adapty 看板中以 <USERNAME/> 格式输入的自定义标签。tagResolver 确保您的应用动态地将该自定义标签替换为指定的值——例如 John

我们建议在展示付费墙之前创建并填充 tagResolver。准备就绪后,将其传递给您用于展示付费墙的 AdaptyUI 方法。您可以在以下平台了解更多关于展示付费墙的信息:iOSAndroidReact NativeFlutterUnity