AMP

Important: this documentation is not applicable to your currently selected format stories!

amp-smartlinks

Description

Run Narrativ's Linkmate process inside your AMP page

 

Required Scripts

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

Supported Layouts

Overview

At Narrativ, we transform static commerce links into dynamic, multimerchant nodes. With a library of millions of products matched to expert reviews from top commerce publishers, we lift publisher revenue through real-time bidding and data solutions.

This AMP extension is our Linkmate service in AMP. See the full documentation for Linkmate here.

Getting started

Your account must be a member of our Linkmate program to use this feature. For more information about this program, feel free to contact your account manager or hello@narrativ.com.

If you plan to use amp-smartlinks alongside other affiliate partners you will need to specify the meta tag shown below. The tag will specify the order in which the affiliate tags fire.

In your AMP page you will have to add the following snippets:

<!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>

Attributes

nrtv-account-name Required Your Narrativ account name given to you by your account manager. Need to know your Narrativ account name? Log into dashboard.narrativ.com and go to setup to see your account name in the snippet, or reach out to your account manager for support as needed.
linkmate Optional Flag to run our Linkmate service on an article. Inserting the attribute linkmate in the amp-smartlinks element will run our linkmate service.
exclusive-links Optional Flag to mark links as exclusive. Inserting the attribute exclusive-links in the amp-smartlinks element will generate exclusive links for the article.
link-attribute Optional If you store the "plain" url for a link in a different element attribute than href you can specify so here. Default value: href.
link-selector Optional A CSS selector to get all links you want monetized from an article. Default value: a.

Validation

See amp-smartlinks rules in the AMP validator specification.

Need more help?

You've read this document a dozen times but it doesn't really cover all of your questions? Maybe other people felt the same: reach out to them on Stack Overflow.

Go to Stack Overflow
Found a bug or missing a feature?

The AMP project strongly encourages your participation and contributions! We hope you'll become an ongoing participant in our open source community but we also welcome one-off contributions for the issues you're particularly passionate about.

Go to GitHub