Content management container

A CSS .class selector that you can use in your application to allow Blink do the content management for your resources (i.e. articles).

Usage

   <div class="blink-content">
        <!-- Your web application resource content (i.e. an article) to be managed by Blink --> 
   </div>

   <!-- OR -->
   
   <div id="blink-content">
        <!-- Your web application resource content (i.e. an article) to be managed by Blink --> 
   </div>

Live example

Here is a fully working example showcasing a static HTML web page integrating Blink and enabling content management for an article.

Selection attributes

We recommend using class as selection attribute. However, Blink SDK supports both id and class selection attributes.

Attributes

parameter	type	required	description
resource-id	string	☑	Article unique identifier. If the user payed for it in the past, the article content will be shown
resource-price	integer	☑	Price amount specified in currency sub-units (1 USD = 100 )
paywall-expiration	integer	☑	Epoch milliseconds timestamp specifying when the article will become free
resource-title	string	☐	Article title. If not provided, defaults to the current page title
resource-url	string	☐	Article URL. If not provided, defaults to the current page URL

Notes

• All the attributes can be passed as data attributes, by using "data-blink-" prefix
• When Blink detects a content management container, if its expiration date is in the future, the article content will be hidden and a Read/Subscribe paywall will be shown instead
• If the user is already subscribed or already paid for the article, the article full content will be shown
• If an article becomes free while reading, the paywall will only disappear after the next page refresh