§14-11Commerce
Soft paywall (記事制限)
無料で読める本数を超えると購読を促す。
一定数までは無料で読ませて価値を体験させ、超えた分で購読に誘う。記事やコンテンツの有料化で、入口を閉じずに転換を狙うときに使う。
実装のポイント
本文の冒頭だけ見せてグラデーションで途切れさせ、残り本数を明示する。全文を DOM に入れて CSS で隠す方式はソースから読めてしまうので、サーバー側で切り詰める。
- 特徴
- CSS のみ
- デモで使っているもの
- shadcn/ui
§14-11Commerce
無料で読める本数を超えると購読を促す。
一定数までは無料で読ませて価値を体験させ、超えた分で購読に誘う。記事やコンテンツの有料化で、入口を閉じずに転換を狙うときに使う。
本文の冒頭だけ見せてグラデーションで途切れさせ、残り本数を明示する。全文を DOM に入れて CSS で隠す方式はソースから読めてしまうので、サーバー側で切り詰める。