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
的 amp-access-poool
组件使用来自 Poool 仪表板配置的 bundleID
加载并显示付费墙。
有关更多详细信息,请参阅 poool.tech。amp-access-poool
基于 amp-access
并且需要它。
如果您熟悉 Poool 在 AMP 之外的工作方式,您就会知道您不能在此处使用 excerpt
和 hide
模式。这是由于 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 验证器规范中的 amp-access-poool
规则。
您已经阅读过本文档十几次了,但它并没有真正涵盖您的所有问题?也许其他人也有同感:在 Stack Overflow 上联系他们。
前往 Stack Overflow 发现错误或缺少功能?AMP 项目强烈鼓励您的参与和贡献!我们希望您能成为我们开源社区的持续参与者,但也欢迎您为自己特别感兴趣的问题提供一次性贡献。
前往 GitHub