埋め込みウィジェット & 共有リンクビルダー

CalcBE の共有リンクとレスポンシブ iframe コードを数秒で生成できます。通常のクエリ形式と base64url cfg を切り替えつつ、embed=1 や UTM も自動で付与します。

既存リンクを取り込みフィールドに貼り付けて構造を読み取り、行ごとにパラメータを編集して、自動高さリスナー付きのスニペットを LMS やイントラなどに貼り付けられます。

Other languages: ja | en | es | zh-CN | hi-in
New

1 画面で埋め込み設定をまとめて確認

Number Line・Graph Paper・Quick Charts・Worksheet Generator などの CalcBE ツールを選び、必要なパラメータを追加して「生成」を押すだけで、共有リンクと iframe コードを同時に作成できます。値は encodeURIComponent でエンコードされ、base64url cfg バンドルにも対応し、embed=1 や UTM タグの付け忘れを防ぎます。

base64url cfg UTM tagging Auto-height Import & edit

共有リンクと iframe コードを作成

CalcBE のプリセットから選ぶか、任意のツールパスを入力して、すぐにプレビューとスニペットを確認できます。

パラメータ

キー

プレビュー

埋め込みコード

FAQ

base64url cfg パラメータはどう使いますか?

「base64url JSON(cfg=)を使う」をオンにすると、行データを JSON.stringify でシリアライズし、その UTF-8 バイト列を base64url にエンコードして cfg= にまとめて格納します。ビルダーは + / を - _ に置き換え、末尾の = を取り除くので、LMS やブログに埋め込んだときも URL が安定しやすくなります。

iframe の高さやレスポンシブ表示はどう管理しますか?

「レスポンシブ(aspect-ratio)」をオンにすると、iframe を 16:9 のコンテナでラップできます。固定高さにしたい場合は高さ(px)を入力してください。内容に合わせて高さを自動調整したい場合は「自動高さスニペットをコピー」をクリックし、生成されたリスナーコードをホストページに貼り付けます。