">文档:<amp-access-poool> - amp.dev - AMP 框架
AMP

amp-access-poool

说明

显示 Poool 付费墙。

 

必需脚本

<script async custom-element="amp-access-poool" src="https://cdn.ampproject.org/v0/amp-access-poool-0.1.js"></script>
<script async custom-element="amp-access-poool" src="https://cdn.ampproject.org/v0/amp-access-poool-0.1.js"></script>

用法

amp-access-poool 组件基于 amp-access,加载并显示付费墙,使用 Poool 仪表盘配置中的 bundleID

有关更多详细信息,请参见 poool.techamp-access-poool 基于 amp-access,并且需要它。

如果您熟悉 Poool 在 AMP 之外的运作方式,您就会知道您无法在此处使用 excerpthide 模式。这是由于 AMP 的特定行为。您将能够使用 amp-access 提供的 access 变量锁定或解锁您的内容。请查看下面的 poool-widget 部分。

amp-access-poool 组件不需要授权或 pingback 配置,因为它已预先配置为与 Poool 配合使用。

有关模式的更多信息,请查看我们的SDK 文档

配置

您必须在 AMP 中使用 camelCase 设置配置属性,而不是 Poool 传统使用的下划线 (“ _ ”) 符号。

例如:使用 customSegment="amp-custom-segment" 来实现 poool("config", "custom_segment", "amp-custom-segment");

HTML 部分

设置 poool-widget 部分,其中包含未授予访问权限时的 poool 付费墙。

amp-access-poool 组件需要 3 个不同的部分

  • 文章预览,在尚未授予访问权限时显示(使用 amp-access="NOT access"),Poool 使用 poool-access-preview 属性进行标识
  • 文章内容,在授予访问权限时显示(使用 amp-access="access"),在授予访问权限之前由 amp-access-hide 属性隐藏,Poool 使用 poool-access-content 属性进行标识
  • Poool 的付费墙容器,在尚未授予访问权限时显示(使用 amp-access="NOT error AND NOT access"),Poool 使用 poool id 进行标识
<section poool-access-preview amp-access="NOT access">
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
    ullamcorper turpis vel commodo scelerisque.
  </p>
</section>

<section poool-access-content amp-access="access" amp-access-hide>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
    ullamcorper turpis vel commodo scelerisque.
  </p>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
    ullamcorper turpis vel commodo scelerisque.
  </p>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur
    ullamcorper turpis vel commodo scelerisque.
  </p>
</section>

<section amp-access="NOT error AND NOT access" id="poool"></section>

amp-access 脚本 - poool 配置

示例:基本付费墙配置(使用默认值)

配置类似于 AMP Access,但不需要授权、pingback 或登录 URL。

<script id="amp-access" type="application/json">
  {
    "vendor": "poool",
    "poool": {
      "bundleID": "Your app id provided by poool",
      "pageType": "premium",
      "itemID": "amp-example-article"
    }
  }
</script>

示例:为名为“amp-custom-segment”的自定义组/细分中的用户显示付费墙

<script id="amp-access" type="application/json">
  {
    "vendor": "poool",
    "poool": {
      "bundleID": "Your app id provided by poool",
      "pageType": "premium",
      "debug": "true",
      "cookiesEnabled": "true",
      "itemID": "amp-example-article",
      "customSegment": "amp-custom-segment"
    }
  }
</script>

有关配置变量的更多信息,请查看我们的SDK 文档

属性

bundleID(必需)

您的应用 ID(您可以在仪表板中找到它)。

itemID(必需)

您的唯一文章 ID。

pageType(必需)

用于告诉 Poool 当前用户已访问某个页面。有关更多信息,请参阅文档

debug

启用/禁用调试模式。有关更多信息,请参阅文档

forceWidget

为用户覆盖当前小部件。有关更多信息,请参阅文档

loginButtonEnabled

启用/禁用付费墙“登录”按钮。有关更多信息,请参阅文档

signatureEnabled

启用/禁用付费墙签名,在解锁文章后显示在文章内容下方。有关更多信息,请参阅文档

videoClient

为视频小部件设置默认视频客户端(vast、googima)。有关更多信息,请参阅文档

customSegment

使用自定义组/细分 slug 覆盖原生细分。有关更多信息,请参阅文档

cookiesEnabled

根据最新的 GDPR 要求,我们决定在付费墙内默认禁用 cookie。您必须明确设置此属性以反映用户的同意。有关更多信息,请参阅文档

locale

为付费墙内的所有文本设置默认语言环境。有关更多信息,请参阅文档

context

使用自定义上下文值覆盖默认或原生上下文。有关更多信息,请参阅文档

验证

参阅 amp-access-poool 规则,了解 AMP 验证器规范。

需要更多帮助?

您已经阅读了本文档很多遍,但它并没有真正涵盖您所有的问题?也许其他人也有同感:在 Stack Overflow 上联系他们。

转到 Stack Overflow
发现了一个错误或缺少一个功能?

AMP 项目强烈鼓励您的参与和贡献!我们希望您能成为我们开源社区的持续参与者,但我们也欢迎您对特别热衷的问题进行一次性贡献。

转到 GitHub