AMP

amp-smartlinks

說明

在您的 AMP 頁面中執行 Narrativ 的 Linkmate 流程

 

必要腳本

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

支援的版面配置

概觀

Narrativ,我們將靜態的商業連結轉換為動態的、多商家節點。透過包含數百萬種產品的資料庫,並與頂級商業發布商的專家評論相匹配,我們透過即時競價和數據解決方案來提升發布商的收入。

此 AMP 擴充功能是我們在 AMP 中的 Linkmate 服務。請參閱 此處 的 Linkmate 完整文件。

開始使用

您的帳戶必須是我們 Linkmate 計畫的成員才能使用此功能。如需更多關於此計畫的資訊,請隨時聯絡您的客戶經理或 hello@narrativ.com

如果您計劃將 amp-smartlinks 與其他聯盟夥伴一起使用,您將需要指定如下所示的 meta 標籤。此標籤將指定聯盟標籤觸發的順序。

在您的 AMP 頁面中,您將必須新增以下程式碼片段

<!DOCTYPE html>
<html  lang="en">
  <head>
    ...
    <meta
      name="amp-link-rewriter-priorities"
      content="amp-smartlinks amp-other-affiliate"
    />
    <script
      async
      custom-element="amp-smartlinks"
      src="https://cdn.ampproject.org/v0/amp-smartlinks-0.1.js"
    ></script>
    ...
    <script async src="https://cdn.ampproject.org/v0.js"></script>
  </head>
  <body>
    ...
    <amp-smartlinks
      layout="nodisplay"
      nrtv-account-name="supercoolpublisher"
      linkmate
    >
    </amp-smartlinks>
    ...
  </body>
</html>

屬性

nrtv-account-name 必填 您的 Narrativ 帳戶名稱由您的客戶經理提供給您。需要知道您的 Narrativ 帳戶名稱嗎?登入 dashboard.narrativ.com 並前往 設定 以在程式碼片段中查看您的帳戶名稱,或在需要時聯絡您的客戶經理以獲得支援。
linkmate 選填 用於在文章上執行我們的 Linkmate 服務的標記。在 amp-smartlinks 元素中插入 linkmate 屬性將執行我們的 linkmate 服務。
exclusive-links 選填 用於將連結標記為獨家連結的標記。在 amp-smartlinks 元素中插入 exclusive-links 屬性將為文章產生獨家連結。
link-attribute 選填 如果您將連結的「純」網址儲存在與 href 不同的元素屬性中,您可以在此處指定。預設值:href
link-selector 選填 用於從文章中取得所有您想要營利的連結的 CSS 選擇器。預設值:a

驗證

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

需要更多協助嗎?

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

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

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

前往 GitHub