Preskočiť na obsah
Katarína Novotná

Google Tag Manager – trackovanie Contact Form 7

Kompletný návod na pridanie event trackingu pre vyplnenie formuláru Contact Form 7 do Google Analytics cez Google Tag Manager.

WordPress 2 min čítania
GTM-Contact-Form-7
GTM-Contact-Form-7

Pripravila som si pre vás ďalší diel zo série Google Tag Manager. Prinášam vám kompletný návod na pridanie event trackingu pre vyplnenie formuláru Contact Form 7 do Google Analytics cez Google Tag Manager.

Pomocou pluginu DuracellTomi’s Google Tag Manager for WordPress si môžete do dataLayeru pridať aj event pre plugin Contact Form 7.

V Nastavenia – Google Tag Manager – Integration – Contact Form 7 zaškrtnite pridanie dataLayeru pre event odoslania kontaktného formulára a uložte.

Prihláste sa do svojho Google Tag Managera a v záložke Workspace – Triggers vytvorte nový trigger.

Triggeru zvoľte názov, napríklad Event – Contact Form 7 a ako trigger vyberte Custom event.

Do kolónky Event name zadajte: gtm4wp.contactForm7Submitted a uložte trigger.

Trigger uložte.

V záložke Workspace – Tags vytvorte nový tag. Tag Configuration zvoľte Universal Analytics.

Do kolónky Tracking ID zadajte vaše ID trackingu Google Analytics. Kde nájdete toto ID som popísala v článku Google Tag Manager – vloženie Google Analytics do GTM. Ako Track Type zvoľte Event.

V parametroch Event Tracking do kolónky Category zadajte názov eventu. Napríklad: Contact Form alebo Vyplnenie formuláru. Názov je na vás ;)

Do kolónky Action zadajte {{Event}}

Ako Triggering tohto tagu zvoľte Trigger, ktorý ste pred chvíľkou vytvorili. Ten môj je Event – Contact Form 7.

Hotovo :)

Všetko uložte a publikujte zmeny (vpravo hore v Tag Manageri). Nezabudnite uloženie 2x potvrdiť.

Tento nový event si môžete rovno otestovať. Otvorte si Google Analytics a sledujte V reálnom čase – Udalosti. Na vašej stránke vyplňte nejaký formulár a sledujte novú udalosť v Google Analytics.

Všetky udalosti nájdete pod Správanie – Udalosti – Prehľad. Vpravo hore si stačí zvoliť obdobie, za ktorý chcete štatistiky.

Pokiaľ máte nejaký osobný/technický problém s pluginom DuracellTomi’s Google Tag Manager for WordPress, tak nemajte boja. Ide to aj bez neho ;)

Na vašej stránke vojdite do Kontakt – Kontaktné formuláre a upravte formulár. Do dodatočných nastavení vložte nasledovný kód:

on_sent_ok: "dataLayer.push({'event': 'gtm4wp.contactForm7Submitted'});"

A nastavte si samozrejme trigger a tag pre tento event presne podľa návodu vyššie. Hotovo ;)

Nezabudnite, cez GTM môžete na stránku pridať aj

  • Google Adwords remarketing
  • Facebook pixel
  • trackovanie vlastných eventov (kliknutie na button alebo link,…)
  • a mnoho ďalšieho.

Vaše otázky či tipy na ďalšie články uvítam v komentári ;)

Komentáre