計算ウィジェットを、あなたのサイトに埋め込む

① コピーする

各ツールの「コピー」ボタンでこの形のコードが取れます。src のツール名を変えるだけで、どの計算機でも使えます。

<iframe src="https://keiri-tools.com/embed/tedori/"
  title="手取り計算" loading="lazy"
  style="width:100%;max-width:480px;height:640px;
  border:1px solid #e2e8f0;border-radius:12px"></iframe>

<script>
addEventListener("message",function(e){
  if(e.data&&e.data.type==="keiri-embed"){
    document.querySelectorAll(
      'iframe[src*="keiri-tools.com/embed/"]'
    ).forEach(function(f){
      if(f.contentWindow===e.source)
        f.style.height=e.data.height+"px";
    });
  }
});
</script>

※ 2つ目の <script> は中身の高さに合わせて枠を自動調整します（省略時は固定640px）。複数のウィジェットを貼っても1つで足ります。

② こう表示されます

↑ 手取り計算のライブプレビュー