calculatepace.com
2015年からのランニング計算機

ウィジェット作成

イベント専用のペース計算ウィジェットを作成し、距離を設定できます(名前も自由に付けられます)。ご不明な点があれば、フィードバックボタンからお気軽にご連絡ください。

ウィジェットの設定

色の選択

ウィジェットの距離

距離はまだ追加されていません。下のフォームから距離を追加してください。

ウィジェットのライブプレビュー

ウィジェットのプレビューは、コードの生成後にここに表示されます

結果のライブプレビュー

ペース計算機

距離
--.-- km
タイム
--:--:--
⏱️ 人気の距離でのタイム:

設定の読み込み/保存

埋め込み方法

iframe: 導入が簡単で、どのウェブサイトでも動作し、自動的に更新されます。
直接コード: 自由度が高く、読み込みも速くなりますが、HTML/CSSの知識が必要です。

生成されたウィジェットコード

導入ガイド

iframeでの埋め込み(推奨)

  1. 生成された欄からiframeコードをコピーします
  2. ウィジェットを表示したい場所にコードを貼り付けます
  3. 完了です! ウィジェットはすぐに動作し、自動的に更新されます

直接コード(上級者向け)

  1. 生成されたコードをすべてコピーします(HTML、CSS、JavaScriptをまとめて)
  2. ウィジェットを表示したい場所にコード全体を貼り付けます
  3. ウィジェットをテストして、正しく動作することを確認します
  4. 1ページに複数のウィジェット: コードは複数回貼り付けられます(例:距離や色を変えて)。各ウィジェットは独立して動作します
💡 プロのヒント: iframeが最も簡単な方法です。どのウェブサイトでも競合なく動作し、自動的に更新されます。直接コードは自由度が高い反面、HTMLの知識が必要です。一部のサイトビルダーやCookieツールはscriptタグを削除またはブロックします。その場合はiframeをご利用ください。
フィードバック