← Page-Type Lab に戻る
memberstack · 会員レイヤー · ホスト側 head 自由注入

Memberstack — 対応済み(会員サイトでも head 注入可)

Webflow 等の静的サイトに会員/ログイン機能を付与する Memberstack を再現。 会員機能は data-ms-* 属性と $memberstackDom で動くが、 ホスト HTML の <head> には所有者が自由に <script> を置けるため si.js も同居して通常起動する。

会員エリア(ログイン後コンテンツ)

data-ms-content="members" で囲んだ範囲は会員のみ表示。si.js はその外側 head に常駐。

  • マイページ:プロフィール設定
  • 限定コンテンツ:メンバー記事一覧
  • サブスク管理:プラン変更 / 解約

低コントラスト文(widget contrast 機能の対象)。

注入面シグナル

一次シグナル: data-ms-* 属性 + memberstack.io アセット。 会員レイヤーはホスト DOM に被さるだけで、head の script 注入面はそのまま生きている。