Przejdź do instrukcji
Spis dokumentacji

UTM i źródła zgłoszeń

Zobacz, która kampania doprowadziła do wiadomości. UTM są zapisywane razem z polami formularza.

Włącz przechwytywanie UTM

  1. W zakładce Integracja formularza zaznacz dołączanie UTM.
  2. Skopiuj zaktualizowany kod na stronę. Odczytuje on parametry z bieżącego URL podczas wysyłki.
  3. Otwórz stronę z parametrami kampanii i wyślij próbne zgłoszenie. Sprawdź jego szczegóły → źródło zgłoszenia.
Przykładowy adres kampaniiURL
https://example.com/kontakt?utm_source=newsletter&utm_medium=email&utm_campaign=premiera

Obsługiwane pola to utm_source, utm_medium, utm_campaign, utm_term, utm_content i utm_id. Są widoczne osobno w szczegółach oraz obecne w eksportach CSV/JSON i payloadzie webhooka.

Dołącz do własnego HTML

Jeśli masz już swój formularz o ID contact-form, możesz dodać poniższy skrypt po formularzu. To ten sam mechanizm, z którego korzysta kod w panelu. Nie używaj nazw UTM jako pola honeypot.

Parametry bieżącej kampaniiHTML / JavaScript
<script>
  (() => {
    const form = document.getElementById('contact-form');
    if (!form) return;
    const utmKeys = ["utm_source","utm_medium","utm_campaign","utm_term","utm_content","utm_id"];
    function updateUtms() {
      const params = new URLSearchParams(window.location.search);
      for (const key of utmKeys) {
        const value = (params.get(key) || '').trim().slice(0, 500);
        let input = form.querySelector('input[type="hidden"][name="' + key + '"]');
        if (!value) {
          if (input?.dataset.zoraUtm === 'true') input.remove();
          continue;
        }
        if (!input) {
          input = document.createElement('input');
          input.type = 'hidden';
          input.name = key;
          input.dataset.zoraUtm = 'true';
          form.appendChild(input);
        }
        input.value = value;
      }
    }
    updateUtms();
    form.addEventListener('submit', updateUtms, {capture: true});
  })();
</script>
UTM i źródła zgłoszeń · ZoraForms Docs