開発者向けドキュメント:ツールを埋め込む
ツールの埋め込み
ツールを埋め込む
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