埋め込みウィジェットドキュメント

埋め込みウィジェットとは？

Akousaの557+以上のツールを、1つのiframeタグで自分のWebサイトに埋め込めます。ウィジェットは完全レスポンシブ、カスタマイズ可能で、20言語すべてに対応しています。

埋め込みギャラリーでツールを閲覧し、プレビューし、埋め込みコードをコピーできます。テーマ（ライト/ダーク）、言語、寸法をサイトに合わせてカスタマイズしてください。

ツールを埋め込む方法

1. 1埋め込みギャラリーまたは任意のツールのドキュメントページにアクセスします
2. 2iframeの埋め込みコードをコピーします
3. 3WebサイトのHTMLに貼り付けます

埋め込みコード例

'<'iframe src="https://akousa.net/embed/json-formatter?theme=dark&lang=ja" width="100%" height="500" frameborder="0">'<'/iframe>

機能

• ✓/embed-galleryを訪問して埋め込み可能なツールを閲覧します。
• ✓iframeコードをコピーします。langとthemeパラメーターでカスタマイズできます。
• ✓iframeをHTMLに貼り付けます。

カスタマイズオプション

• テーマ（ライト/ダーク/システム）
• 言語（20種類）
• 寸法（HTML属性による幅と高さ）

Content Security Policy & Security

All embed widgets use strict Content Security Policy headers with frame-ancestors configured for cross-origin embedding. Data processing happens entirely in the visitor's browser — no user data is transmitted to Akousa servers. The embed is served over HTTPS with the same security standards as the main platform. Your visitors' data stays on their device.

Anonymous Analytics

埋め込みウィジェットは、利用パターンを把握できるよう、匿名の閲覧数を内部的に追跡します。訪問者から個人を特定できる情報は収集されません。分析は軽量で、ウィジェットのパフォーマンスや読み込み時間に影響しません。

パフォーマンス最適化

埋め込みページは高速な初期読み込みのために事前レンダリングされ、定期的に再検証されます。iframeは非同期で読み込まれ、ページのレンダリングをブロックしません。遅延読み込み（loading="lazy"）と組み合わせることで、埋め込みウィジェットがサイトのCore Web Vitalsスコアに与える影響はほぼゼロになります。

Speakable Structured Data

Each embed page includes Speakable schema markup, making widget content eligible for voice assistant read-aloud. This improves accessibility for visually impaired users and positions your embedded tools for voice search discovery.

よくある質問

どのツールを埋め込めますか？

/embed/[slug] URLフォーマットで全557+ツール。

埋め込みは無料ですか？

はい、使用制限なしで完全無料。

外観をカスタマイズできますか？

はい、?lang=trと?theme=dark URLパラメーターで。

埋め込みコンテンツは安全ですか？

Yes. Embedded widgets use a strict Content Security Policy (CSP) with frame-ancestors configured to allow cross-origin embedding. All data processing happens in the visitor's browser — no user data is transmitted to our servers.

埋め込みツールはウェブサイトを遅くしますか？

Embedded tools load asynchronously within the iframe and do not block your page rendering or affect your site's performance. The iframe loads independently, so even if the widget takes a moment to initialize, your page content appears instantly. The widget code is optimized and cached for fast loading via static generation with periodic revalidation.

WordPressにツールを埋め込めますか？

はい。WordPressブロックエディタのカスタムHTMLブロックを使用してiframeコードを貼り付けてください。セキュリティプラグインがiframeを除去する場合は、プラグイン設定でakousa.netをホワイトリストに追加してください。WordPress.comのビジネスプランおよびすべてのセルフホスト型WordPress.orgで動作します。

埋め込みウィジェットはアナリティクスを追跡しますか？

埋め込みウィジェットは内部分析のためにのみ匿名の閲覧数を記録します。訪問者にCookieは設定されず、個人データは収集されず、iframe内にサードパーティトラッカーは読み込まれません。お使いのサイトのアナリティクス（Google Analytics、Plausibleなど）は埋め込みの影響を受けません。

埋め込みにCSPヘッダーの設定が必要ですか？

サイトがコンテンツセキュリティポリシーを使用している場合、CSPヘッダーに'frame-src https://akousa.net'を追加してiframeを許可してください。明示的なCSPを持たないほとんどのサイトはそのまま動作します。埋め込みエンドポイント自体は許容的なframe-ancestorsヘッダーを設定しているため、任意のオリジンから読み込めます。

埋め込みはページパフォーマンスにどう影響しますか？

各埋め込みウィジェットは独立したiframeコンテキストで読み込まれるため、ページのメインスレッド、DOM、クリティカルレンダリングパスをブロックしません。iframeタグにloading="lazy"を追加すれば、ウィジェットが画面内にスクロールされるまで読み込みを遅延でき、Core Web Vitalsをさらに改善できます。

商用プロジェクトで埋め込みツールを使用できますか？

はい。商用Webサイト、SaaSダッシュボード、クライアントプロジェクト、社内ツールに自由にツールを埋め込めます。ライセンス料、使用上限、帰属表記の要件はなく、各ウィジェットに自動的に含まれる小さな「Powered by akousa.net」リンクのみです。

関連ドキュメント

• ツールドキュメント

  557+の無料オンラインツールの使い方の完全ガイドです。開発者ツール、テキストプロセッサー、コンバーター、ジェネレーターについて学びましょう — すべてブラウザで動作し、登録不要です。

• 開発者APIリファレンス

  13グループにわたる64エンドポイントを持つakousa.net REST APIの完全ドキュメント。

• Embed Gallery

  The Embed Gallery at /embed-gallery is a dedicated landing page for webmasters. Browse all 557+ embeddable tools, preview how each looks as a widget, check recommended dimensions, and copy the ready-to-use iframe code with one click.

• PDF Suiteドキュメント

  13のPDFツールのガイド：結合、分割、圧縮、変換など。