Webフォーム設定

フォーム項目

「お名前」は常に含まれます

会社名メールアドレス電話番号メッセージ

送信後のURL

送信後にリダイレクトするURL

UTMパラメータについて

フォームページのURLに ?utm_source=google&utm_medium=cpc が付いていれば自動的に取得・保存されます。

HTMLスニペット

<!-- DGT CRM フォーム -->
<form id="dgt-crm-form" style="display:flex;flex-direction:column;gap:12px;max-width:480px">
  <div>
    <label style="display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:4px">お名前 <span style="color:#ef4444">*</span></label>
    <input type="text" name="name" placeholder="山田 太郎" required style="width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;box-sizing:border-box">
  </div>
  <div>
    <label style="display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:4px">メールアドレス</label>
    <input type="email" name="email" placeholder="メールアドレス" style="width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;box-sizing:border-box">
  </div>
  <button type="submit" style="padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer">
    送信する
  </button>
  <p id="dgt-crm-msg" style="font-size:13px;color:#dc2626;display:none"></p>
</form>
<script>
(function(){
  var API = "https://harness-crm-api.os-dgtrends.workers.dev/forms/submit";
  var form = document.getElementById("dgt-crm-form");
  var msg = document.getElementById("dgt-crm-msg");
  var params = new URLSearchParams(location.search);
  form.addEventListener("submit", function(e) {
    e.preventDefault();
    var btn = form.querySelector("button[type=submit]");
    btn.disabled = true; btn.textContent = "送信中...";
    var data = Object.fromEntries(new FormData(form).entries());
    ["utm_source","utm_medium","utm_campaign"].forEach(function(k){
      if (params.get(k)) data[k] = params.get(k);
    });
    data.thanks_url = "https://example.com/thanks";
    fetch(API, {
      method: "POST",
      headers: {"Content-Type":"application/json"},
      body: JSON.stringify(data)
    }).then(function(r){ return r.json(); })
      .then(function(d){
        if (d.redirect_url) { location.href = d.redirect_url; }
        else { btn.textContent = "送信完了"; }
      })
      .catch(function(){
        btn.disabled = false; btn.textContent = "送信する";
        msg.style.display = "block";
        msg.textContent = "送信に失敗しました。もう一度お試しください。";
      });
  });
})();
</script>