sesamy-soft-paywall
The soft paywall component selectively restricts content based on specific conditions, such as the user's login status or the number of articles viewed.
Basic usage
<html> <head></head> <body> <sesamy-soft-paywall> <!-- Your restricted content goes here --> </sesamy-soft-paywall> <script type="module"> import "https://assets.sesamy.com/scripts/web-components/sesamy-bundle.min.js"; </script> </body> </html>
API Reference
tally
(String): A unique identifier for tracking views. Default:'soft-paywall'
.
max-views
(Number): The maximum number of views allowed before the paywall activates. Default:3
.
ttl
(Number): Time-to-live in seconds. Defines how long a view is counted towards themax-views
. Default:86400
(1 day).
unique-view
(Boolean): If set totrue
, views are counted uniquely based on some criteria (e.g., IP address). Default:false
.
access-level
(String): Defines the access level required to bypass the paywall. Options arepublic
,logged-in
, andentitlement
. Default:LoggedIn
.
pass
(String): A semicolon-separated list of pass identifiers used for the entitlement check.
item-src
(String): URL or identifier used to check the entitlement.
publisher-content-id
(String): An identifier used to fetch the correct entitlement from the HTML.
Example
<sesamy-soft-paywall max-views="5" access-level="logged-in"> <div class="modal"> <div class="modal-content"> <span class="close" onclick="window.history.back()">×</span> <h2>Unlock Unlimited Access</h2> <p>Log in to continue reading without interruptions.</p> <sesamy-login></sesamy-login> </div> </div> </sesamy-soft-paywall>
Did this answer your question?
😞
😐
🤩