← Page-Type Lab に戻る
Gumroad · デジタル商品販売 · 商品説明サニタイズ · カスタム script 注入面なし

Gumroad — 注入面なし(サニタイズ)

Gumroad のデジタル商品ページは商品説明 (description) がリッチテキストで描画され、 生 <script>サニタイズで除去される。販売者が head/body にカスタム JS を置く面が無く、外部ローダの埋め込み点が存在しない検証ポイント: 商品説明に置いた script が DOM に残らず widget host が生成されないこと。

商品ページ(ドキュメント / KB 風)

本デモは Gumroad の商品説明領域を再現。販売者が「アクセシビリティガイド」という デジタル商品を販売しているシナリオ。説明文に貼った生 <script> は サニタイズで除去される想定(DOM に挿入しない)。

アクセシビリティ実装ガイド(PDF + 動画)

WCAG 2.2 AA 準拠のための実装手順をまとめた教材です。

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

<!-- 商品説明に貼った生 script はサニタイズで除去される -->
<script src="https://widget-dev2.sitedrive.ai/si.js" ...></script>  ← 除去される

推奨実装(調査の結論)

  • 商品説明・head・body いずれにもカスタム script の注入面が無い。
  • Gumroad プラットフォーム自体がローダ統合を提供しない限り起動不能。
  • 代替: 商品の埋め込み先(自社サイト等)に si.js を置く別経路が必要。