SaaSのホームページにパブリックなグラフィティウォールを設... ノート

SaaSのホームページにパブリックなグラフィティウォールを設置しました

ほとんどのSaaSホームページでは、提供する製品を紹介するために静的な製品スクリーンショットが使用されています。しかし、この製品のホームページでは、代わりに「Owners Were Here」という埋め込み型の機能的なゲストブックが使用されています。このゲストブックは、ウィジェットビルダーで構築されており、実際のライブ投稿を表示することで、製品の目に見えないバックエンドを実証しています。ゲストブックはコンセプト実証として機能し、スクリーンショットでは伝えきれない機能性を強調しています。この選択の主な理由の1つは、フォームはマーケティング資料で説得力を持って偽造するのが難しいということです。埋め込み型ゲストブックは、ユーザーの貢献を通じて即座に、累積的な社会的証明を提供することを目指しています。このアプローチは、「落書きの壁」のような美学を活用し、有機的に埋まっていきます。公開エンドポイントを公開する際には、堅牢なセキュリティ対策が不可欠です。これには、Cloudflare Turnstileによるボット検出、レート制限、スキーマ検証、および悪用を防ぐためのサイズキャップが含まれます。信頼されていないユーザー入力をレンダリングするには、クロスサイトスクリプティングのようなセキュリティ脆弱性を回避するために、慎重な処理が必要です。ユーザー生成コンテンツを安全に表示するには、innerHTMLではなくtextContentを使用してテキストを適切にサニタイズすることが不可欠です。成長するゲストブックは、ホームページのレイアウトや読み込み時間に悪影響を与える可能性があります。最大高さと内部スクロールを備えたビューポートを実装することで、ゲストブックがページを圧倒するのを防ぎます。いくつかのジャンクエントリは予想されますが、埋め込みウィジェットのコアセキュリティと機能性は、これらの設計上の選択によって保護されています。