Spúšťanie úspešných odoslaní formulára Elementor v nástroji Google Tag Manager

Pri používaní analytických nástrojov, ako je Google Analytics alebo Mixpanel, na svojej webovej lokalite môžete potrebovať sledovať úspešné odoslanie formulára Elementor. Keďže na to neexistuje žiadna predvolená udalosť, mnoho ľudí sa pokúša spustiť udalosť na základe kliknutí na tlačidlo odoslať. Tá sa však spustí pri každom kliknutí, nielen pri úspešnom odoslaní formulára.

Preskúmali sme mnoho riešení, ale najlepšie sa nám osvedčilo pridanie dátovej vrstvy s novou udalosťou. Jediné, čo musíte urobiť, je skopírovať a vložiť tento malý kód do vlastného kódu Elementoru:

<script>
  jQuery(document).ready(function ($) {
    $(document).on('submit_success', function (evt) {
      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push({
        event: 'form_sent',
        form_name: evt.target.name
      });
    });
  });
</script>

Po pridaní tohto kódu sa udalosť form_sent zobrazí vždy, keď sa úspešne odošle formulár Elementor na vašej webovej lokalite. Najlepšou časťou tejto dátovej vrstvy je form_name, ktorý môžete ľahko použiť na vytvorenie premennej v nástroji Google Tag Manager na rozlíšenie rôznych formulárov Elementor na vašej webovej lokalite. Len nezabudnite pomenovať svoje formuláre Elementor.

Picture of Roman Vlčák

Roman Vlčák

An incorrigible perfectionist passionate about pixel-perfect work, who constantly strives to deliver the highest possible quality. Outside of Webgate, he is a caring husband and father to his young son. In his free time, he likes traveling with his family and doing puzzles.

Senior WordPress Developer • Co-founder

Viac článkov

Ako preložiť pole „E-mail na“ formulára Elementor pomocou WPML

Čítať viac
Use Case

Rank Math SEO & Hello Theme: Vyhnite sa duplicitným meta popisom

Čítať viac
Use Case

Získavanie a ukladanie parametrov UTM z adries URL v odoslaných formulároch Elementor

Čítať viac
Use Case

Prihláste sa na odber nášho štvrťročného bulletinu a získajte najnovšie informácie.

Témy: Témy: Zlepšovanie B2B webových stránok, nástroje umelej inteligencie vo vývoji webových stránok, UX/UI, trendy v marketingu webových stránok atď.

Odoslaním tohto formulára súhlasíte so spracovaním vašich osobných údajov v súlade s našimi .
Services

Thank you for your interest!

We will contact you soon.

Back

Capabilities
Front-end Development
Back-end Development
Low code/No-code
Low code/No-code
Web Design
UI/UX/CX Design