医療機関の方へ｜自院サイトへの埋め込み

貼るとどうなるか

診療区分をお選びください。歯科・医科を選ぶと、その区分に合わせた入力欄の見出しと 費目の説明になります。選び直すと、下の見本と貼り付けコードが揃って切り替わります。

下の枠は、この下にある貼り付けコードを、そのままブラウザで動かしたものです。 画面の写真ではないため、数値を入れて動かしていただけます。

貼り付けコード

上の見本を出しているのが、このコードです。コピーして自院サイトに貼り付けてください。

<!-- 医療費控除の計算ツール（https://kojo.check.clinic）ここから -->
<iframe
  src="https://kojo.check.clinic/embed?variant=shika"
  title="医療費控除の計算ツール（歯科）"
  data-kojo-embed
  loading="lazy"
  style="width:100%;min-height:920px;border:1px solid #e5e5e5;border-radius:4px"
></iframe>
<script>
(function () {
  var origin = "https://kojo.check.clinic";
  window.addEventListener("message", function (event) {
    if (event.origin !== origin) return;
    var data = event.data;
    if (!data || data.type !== "kojo-embed:height") return;
    var height = Number(data.height);
    if (!isFinite(height) || height < 200 || height > 20000) return;
    var frames = document.querySelectorAll("iframe[data-kojo-embed]");
    for (var i = 0; i < frames.length; i++) {
      if (frames[i].contentWindow === event.source) {
        frames[i].style.height = height + "px";
        frames[i].style.minHeight = "0";
      }
    }
  });
  // このコードが遅れて動いた場合、ウィジェットが最初に送った高さは既に流れている。
  // 「受け取る用意ができた」と伝えて、いまの高さを送り直してもらう。
  function ready(frame) {
    if (frame.contentWindow) {
      frame.contentWindow.postMessage({ type: "kojo-embed:ready" }, origin);
    }
  }
  var embeds = document.querySelectorAll("iframe[data-kojo-embed]");
  for (var n = 0; n < embeds.length; n++) {
    (function (frame) {
      ready(frame);
      frame.addEventListener("load", function () { ready(frame); });
    })(embeds[n]);
  }
})();
</script>
<!-- 医療費控除の計算ツール ここまで -->