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 Dashboard 設定中的 bundleID 載入並顯示付費牆。

請參閱 poool.tech 以取得更多詳細資訊。amp-access-poool 基於 amp-access 並需要此元件。

如果您熟悉 Poool 在 AMP 之外的運作方式,您就會知道在這裡無法使用 excerpthide 模式。這是因為 AMP 的特定行為。您可以使用 amp-access 提供的 access 變數來鎖定或解鎖您的內容。請查看下方的 poool-widget 區段。

amp-access-poool 元件不需要授權或回傳設定,因為它已預先設定為可與 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 script - poool 設定

範例:基本付費牆設定 (使用預設值)

設定與 AMP Access 類似,但不需要授權、回傳或登入網址。

<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 (您可以在您的 Dashboard 上找到它)。

itemID (必填)

獨特的文章 ID。

pageType (必填)

用於告知 Poool 目前使用者已造訪頁面。請參閱 文件 以取得更多資訊。

debug (除錯)

啟用/停用除錯模式。請參閱 文件 以取得更多資訊。

forceWidget (強制小工具)

覆寫使用者的目前小工具。請參閱 文件 以取得更多資訊。

loginButtonEnabled (啟用登入按鈕)

啟用/停用付費牆「登入」按鈕。請參閱 文件 以取得更多資訊。

signatureEnabled (啟用簽名)

啟用/停用付費牆簽名,在文章解鎖時顯示在文章內容下方。請參閱 文件 以取得更多資訊。

videoClient (影片用戶端)

為影片小工具設定預設影片用戶端 (vast、googima)。請參閱 文件 以取得更多資訊。

customSegment (自訂區隔)

使用自訂群組/區隔 slug 覆寫原生區隔。請參閱 文件 以取得更多資訊。

cookiesEnabled (啟用 Cookie)

根據最新的 GDPR 要求,我們決定預設停用付費牆內的 Cookie。您必須明確設定此屬性以反映使用者的同意。請參閱 文件 以取得更多資訊。

locale (地區設定)

為付費牆內的所有文字設定預設地區設定。請參閱 文件 以取得更多資訊。

context (內容脈絡)

使用自訂內容脈絡值覆寫預設或原生內容脈絡。請參閱 文件 以取得更多資訊。

驗證

請參閱 AMP 驗證器規格中的 amp-access-poool 規則

需要更多協助嗎?

您已經閱讀這份文件十幾次了,但它仍然沒有真正涵蓋您的所有問題?也許其他人也有相同的感受:在 Stack Overflow 上與他們聯繫。

前往 Stack Overflow
發現錯誤或缺少功能?

AMP 專案非常鼓勵您的參與和貢獻!我們希望您能成為我們開源社群的持續參與者,但我們也歡迎您針對您特別熱衷的問題做出一次性的貢獻。

前往 GitHub