PDFkind
開発者向けドキュメント:ツールを埋め込む

ツールの埋め込み

ツールを埋め込む

PDF結合、PDF圧縮、PDF編集など、128種類のツールを自分のページに設置できます。サイズは自動で調整され、広告は表示されません。

ツールを表示したい場所に、data-pdfkind-tool を付けた要素を追加します。スクリプトがその要素をツールに変換し、内容に合わせて伸縮するフレーム内に表示します。

HTML
<div data-pdfkind-tool="compress-pdf"></div>
<script src="https://pdfkind.com/embed.js" defer></script>
<p><a href="https://pdfkind.com/ja/compress-pdf">PDF圧縮</a>(提供:PDFkind)</p>

オプション

属性値説明
data-pdfkind-toolツールID必須。ツール一覧をご覧ください。
data-lang言語コード省略可。省略時はページの言語、それもなければ英語になります。対応言語をご覧ください。
data-heightピクセル省略可。初期の高さ(デフォルトは640)。ほとんどのツールはその後内容に合わせて調整されますが、エディター系のツールはこの高さを維持するため、820程度を指定してください。

訪問者が利用できる機能

ツールはpdfkind.comとまったく同じように動作します。ファイルは訪問者のデバイス上にとどまり、結果は「ダウンロード」ボタンで保存できます。広告やPDFkindのメニューは表示されず、小さな「Powered by PDFkind」の一行が表示されるだけです。

スクリプトなしで使う:シンプルなiframe

スクリプトを使用できない場所では、iframeを使います。この場合、高さは自動で調整されません。

HTML
<iframe src="https://pdfkind.com/ja/embed/merge-pdf" width="100%" height="700"
        style="border:0" title="PDF結合"></iframe>

別の言語にするには、/embed の前に言語コードを追加します:https://pdfkind.com/fr/embed/merge-pdf。

ヒント: Wix、Squarespace、Webflowでサイトを作成している場合は、コードを貼り付ける場所についてWebサイトビルダーをご覧ください。

最終更新日:2026年11月3日 · お問い合わせ:contact@pdfkind.com