שילוב Tilda עם CRM באמצעות Webhook, GTM ו-UTM

שילוב Tilda עם CRM באמצעות Webhook, הגדרת GTM ו-UTM

אובדן לידים עקב ייצוא ידני של טפסי Tilda ל-CRM היא בעיה נפוצה שאנו פותרים ביום אחד. אינטגרציות מובנות לרוב לא מכסות לוגיקה לא סטנדרטית: יש צורך ב-handler מותאם אישית ל-Webhook, העברת תגי UTM וכיוונון עדין של אנליטיקה. הצוות שלנו עם ניסיון של 10+ שנים סיפק למעלה מ-150 פרויקטים, פריסת handlers על Laravel והגדרת GTM. אנו מציעים אינטגרציה סוהר עם הגנה ואחריות. המחיר מחושב באופן אישי—צרו קשר להערכת פרויקט.

כיצד אנו משלבים את Tilda עם CRM

אנו משתמשים בשלוש גישות: אינטגרציות מובנות, handler מותאם אישית ל-Webhook, או אינטגרציית JS באמצעות בלוק T123. הבחירה תלויה במורכבות הלוגיקה ובגמישות הנדרשת.

השוואת גישות

מדוע Webhook עדיף על אינטגרציות מובנות

אינטגרציות מובנות נוחות לתרחישים פשוטים אך אינן מאפשרות הוספת תנאים או העשרת לידים בנתונים מ-API חיצוניים. Webhook נותן שליטה מלאה: ניתן לאמת שדות, לשלוח נתונים למספר CRMs, להפעיל פעולות. זמן הפיתוח הוא רק 3–5 שעות—זה חוסך בתקציב בהשוואה לבניית פתרון מותאם אישית מאפס. אנו יכולים להעריך את הפרויקט שלכם.

אינטגרציות מובנות

בסעיף 'אינטגרציות' בהגדרות אתר Tilda, קיימים מחברים מוכנים עבור AmoCRM, Bitrix24, GetResponse, Mailchimp, SendPulse. ההגדרה אורכת 15–30 דקות: הזינו את מפתח ה-API, מפו שדות טופס לשדות CRM—וסיימתם. מגבלה: מיפוי השדות מוגבל, אין תנאים, אין לוגיקה נוספת.

Webhook ל-Handler מותאם אישית

עבור CRMs לא סטנדרטיים או לוגיקה מורכבת—Webhook. בהגדרות הטופס ב-Tilda: 'לאחר שליחה' → 'Webhook' → הזינו URL. Tilda שולחת POST עם נתוני הטופס בפורמט application/x-www-form-urlencoded:

Name=Иван+Иванов&Phone=%2B79001234567&Email=ivan%40example.com&formid=form123456789&tranid=1234567890 

Handler ב-Laravel:

public function handleTildaWebhook(Request $request): Response
{
    $data = $request->all();

    // Базовая проверка — Tilda не подписывает запросы,
    // поэтому защита через IP-фильтр или секретный параметр в URL
    $expectedToken = config('services.tilda.webhook_token');
    if ($request->query('token') !== $expectedToken) {
        abort(403);
    }

    $lead = [
        'name' => $data['Name'] ?? $data['name'] ?? '',
        'phone' => $data['Phone'] ?? $data['phone'] ?? '',
        'email' => $data['Email'] ?? $data['email'] ?? '',
        'source' => 'tilda',
        'form' => $data['formid'] ?? '',
    ];

    // Создаём лид в CRM
    dispatch(new CreateCRMLead($lead));

    return response('OK', 200);
}

נקודה חשובה: Tilda אינה חותמת קריפטוגרפית על בקשות webhook. הגנה: או טוקן סודי ב-URL (Name=Иван+Иванов&Phone=%2B79001234567&Email=ivan%40example.com&formid=form123456789&tranid=1234567890 ) או פילטר IP (כתובות ה-IP של שרתי Tilda מפורסמות בתיעוד של Tilda).

כיצד להגדיר העברת אירועים לאנליטיקה באמצעות GTM

למעקב אחר אירועי טפסים ב-Google Analytics 4 או Yandex Metrica, הגישה הסטנדרטית היא Google Tag Manager. Tilda תומך בהכנסת קוד GTM: 'הגדרות אתר' → 'אנליטיקה' → 'Google Tag Manager' → הזינו את מזהה המכולה (GTM-XXXXXXX). לאחר מכן ב-GTM הגדירו טריגר על שליחת טופס Tilda. Tilda פולט אירוע מותאם אישית:

// Событие, которое Tilda отправляет в dataLayer после успешной отправки формы
window.addEventListener('message', function(event) {
  if (event.data && event.data.indexOf('tildaCallback') >= 0) {
    const data = JSON.parse(event.data);
    if (data.event === 'tf-success') {
      dataLayer.push({
        event: 'tilda_form_submit',
        formId: data.formId,
        pageName: document.title,
      });
    }
  }
});

ב-GTM: טריגר → 'אירוע מותאם אישית' → public function handleTildaWebhook(Request $request): Response { $data = $request->all(); // Базовая проверка — Tilda не подписывает запросы, // поэтому защита через IP-фильтр или секретный параметр в URL $expectedToken = config('services.tilda.webhook_token'); if ($request->query('token') !== $expectedToken) { abort(403); } $lead = [ 'name' => $data['Name'] ?? $data['name'] ?? '', 'phone' => $data['Phone'] ?? $data['phone'] ?? '', 'email' => $data['Email'] ?? $data['email'] ?? '', 'source' => 'tilda', 'form' => $data['formid'] ?? '', ]; // Создаём лид в CRM dispatch(new CreateCRMLead($lead)); return response('OK', 200); } . צרפו אליו תג GA4 עם אירוע ?token=xxx.

כיצד להעביר תגי UTM ל-CRM

יש לשמור תגי UTM מה-URL ולשלוח אותם עם הליד. Tilda תומך בכך דרך שדות נסתרים בטופס:

1. הוסיפו שדות נסתרים לטופס עם השמות // Событие, которое Tilda отправляет в dataLayer после успешной отправки формы window.addEventListener('message', function(event) { if (event.data && event.data.indexOf('tildaCallback') >= 0) { const data = JSON.parse(event.data); if (data.event === 'tf-success') { dataLayer.push({ event: 'tilda_form_submit', formId: data.formId, pageName: document.title, }); } } }); , tilda_form_submit, generate_lead.
2. בהגדרות הטופס, הפעילו 'הכנסת תגי UTM אוטומטית לשדות נסתרים'.

לאחר מכן, ה-webhook יקבל שדות UTM מלאים, אותם ניתן להעביר ל-CRM כמאפייני עסקה. זה משפר את איכות הלידים ומאפשר להעריך את יעילות ערוצי הפרסום, תוך הפחתת עלויות יצירת לידים.

שגיאות נפוצות והפתרונות שלהן

• שגיאת 404 ב-webhook — בדקו את הנתיב ואת שיטת ה-HTTP (חייבת להיות POST).
• לידים ריקים ב-CRM — בדקו את מיפוי השדות: שמות השדות מ-Tilda (Name, Phone) חייבים להתאים למה שה-handler מצפה.
• אין UTM ב-webhook — ודאו שההחלפה האוטומטית של UTM מופעלת בהגדרות הטופס.

מה כלול בעבודת האינטגרציה

• פיתוח handler ל-webhook (Laravel, Node.js או Django) עם מיפוי שדות, אימות ואבטחה.
• הגדרת GTM, GA4 ו-Yandex Metrica עם טריגרים על שליחת טופס.
• הטמעת העברת תגי UTM ל-CRM.
• תיעוד תפעול ואנשי קשר לתמיכה.
• הדרכה לצוות שלכם: עד שעה אונליין.

לוח זמנים ואחריות

אינטגרציה מובנית של Tilda → CRM באמצעות מחבר סטנדרטי: 30–60 דקות. handler מותאם אישית ל-webhook עם מיפוי שדות ומעקב UTM: 3–5 שעות. הגדרת אנליטיקה מלאה עם GTM, GA4, Metrica והעברת UTM ל-CRM: יום עסקים אחד. האחריות שלנו: האינטגרציה עובדת ללא תקלות, נתונים לא אובדים. צרו קשר להערכת פרויקט—נשוב עם הצעה ותוכנית.