getlead — לכידת ליד מהאתר

// נשלף פעם אחת מטבלת LeadSource — עדכנו כשמוסיפים מקור חדש
const SOURCE_MAP = {
  'פייסבוק':     'vOZLqOWnQf',
  'גוגל':        'fHG8Rgy8Hr',
  'אתר אינטרנט': 'yOTdl4L99Q',
};

<form id="lead-form" novalidate>
  <input name="fullName" placeholder="שם מלא" />
  <input name="phone" type="tel" placeholder="טלפון" required />
  <input name="email" type="email" placeholder="אימייל" />
  <input name="city" placeholder="עיר" />
  <select name="source">
    <option value="">איך הגעתם אלינו?</option>
    <option>פייסבוק</option>
    <option>גוגל</option>
    <option>אתר אינטרנט</option>
  </select>

  <!-- מלכודת דבש: בוט ימלא אותה, אדם לא יראה אותה כלל -->
  <input name="company_website" tabindex="-1" autocomplete="off"
         style="position:absolute;left:-9999px" aria-hidden="true" />

  <button type="submit">שליחה</button>
  <p class="form-msg" role="status" aria-live="polite"></p>
</form>

<script>
const APP_ID = 'הדביקו-כאן-את-ה-Application-Id';

const SOURCE_MAP = {
  'פייסבוק':     'vOZLqOWnQf',
  'גוגל':        'fHG8Rgy8Hr',
  'אתר אינטרנט': 'yOTdl4L99Q',
};

const form = document.getElementById('lead-form');
const msg  = form.querySelector('.form-msg');

form.addEventListener('submit', async (e) => {
  e.preventDefault();
  const f = Object.fromEntries(new FormData(form));

  // מלכודת דבש מלאה → זה בוט. מציגים "הצלחה" ולא שולחים כלום.
  if (f.company_website) { msg.textContent = 'תודה! נחזור אליכם בהקדם.'; return; }

  const data = {
    Name:        f.fullName,
    PhoneNumber: f.phone,
    Email:       f.email,
    City:        f.city,
    LeadSourceId: SOURCE_MAP[f.source],   // objectId חשוף, או undefined
  };

  // ניקוי ערכים ריקים — כדי לא לשלוח מחרוזות ריקות למערכת
  Object.keys(data).forEach((k) => { if (!data[k]) delete data[k]; });

  if (!data.PhoneNumber && !data.Email) {
    msg.textContent = 'נא למלא טלפון או אימייל';
    return;
  }

  const btn = form.querySelector('button');
  btn.disabled = true;

  try {
    const res = await fetch(`https://api.mbapps.co.il/functions/${APP_ID}/getlead`, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json', 'X-Parse-Application-Id': APP_ID },
      body: JSON.stringify(data),
    });

    if (res.ok) {
      const body = await res.json();          // { result: { success: true, leadId: "..." } }
      window.dataLayer?.push({ event: 'form_submit', lead_id: body.result?.leadId });
      window.location.href = '/thank-you/';
      return;
    }
    // כל שגיאה עסקית חוזרת כ-400 — ההבחנה היא לפי הגוף, לא לפי הסטטוס
    const err = await res.json().catch(() => ({}));
    if (/Disabled/.test(err.error || ''))            msg.textContent = 'קבלת פניות מהאתר אינה מופעלת כרגע';
    else if (/missing/.test(err.error || ''))        msg.textContent = 'נא למלא טלפון או אימייל תקינים';
    else                                             msg.textContent = 'אירעה שגיאה, נסו שוב';
  } catch {
    msg.textContent = 'אין חיבור לרשת, נסו שוב';
  } finally {
    btn.disabled = false;
  }
});
</script>

{
  "Name": "AcceptWebLeads",
  "Value": {
    "AcceptWebLeads": true,
    "ValidatePhoneOrEmail": true,
    "DefaultValues": { "Account": { "LeadSourceId": "yOTdl4L99Q" } }
  }
}

// Cloudflare Worker / Express — שרת ביניים שמאמת Turnstile ואז מעביר הלאה
export async function onRequestPost({ request, env }) {
  const body = await request.json();

  const verify = await fetch('https://challenges.cloudflare.com/turnstile/v0/siteverify', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ secret: env.TURNSTILE_SECRET, response: body.token }),
  }).then((r) => r.json());

  if (!verify.success) return new Response('captcha failed', { status: 400 });

  delete body.token;
  return fetch(`https://api.mbapps.co.il/functions/${env.APP_ID}/getlead`, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json', 'X-Parse-Application-Id': env.APP_ID },
    body: JSON.stringify(body),
  });
}