AdWords to teraz Google Ads. Nowa nazwa oddaje pełny zakres usług reklamowych, jakie oferujemy m.in. w wyszukiwarce, sieci reklamowej i YouTube.. Więcej informacji

Obecnie 265 forumowiczów jest online
Obecnie 265 forumowiczów jest online
Dowiedz się, jak ustawiać cele i śledzenie e-commerce. Zobacz, jak zweryfikować trafność źródła ruchu.
Poprowadź mnie
star_border
Odpowiedz

Śledzenie wysyłki formularza na stronie - konfiguracja tag manager

Student ✭ ✭ ✭

Witam

 

Mam problem z konfiguracją tagu śledzącego wysyłkę formularza na stronie http://dietafitme.pl/szybkie_zamowienie . Skonfigurowałem tag i regułę jednak nie chce się odpalać na stronie. W załącznikach widać konfiguracje reguły i tagu. Czy ktoś mógłby powiedzieć co jest tutaj źle i jak to powinno być?dieta1.jpgdieta2.jpg


Odpowiedź eksperta 1verified_user
1 ZAAKCEPTOWANE ROZWIĄZANIE

Zaakceptowane rozwiązania
Zaakceptowane rozwiązanie.
Rozwiązanie
Zaakceptowane przez autora tematu: Miyamoto M
marca 2016

Dot.: Śledzenie wysyłki formularza na stronie - konfiguracja tag manag

Wschodząca Gwiazda

Obsługa śledzenia formularzy w GTM w standardowej konfiguracji (tak jak to Ty zrobiłeś) dobrze się sprawdza jedynie w typowych formularzach, które powodują przeładowanie strony po wysłaniu, czyli nie jest nadpisywane standardowe działanie dla formularza.


Dla formularzy realizowanych w technologii AJAX - czyli tego typu formularz, który masz na stronie - zaznaczenie opcji "sprawdź weryfikację" blokuje odpalanie reguły.


Gdy ją odznaczysz reguła będzie odpalać tag, ale niestety za każdym razem, nawet jeśli ktoś nie wypełni wymaganych pól i tak naprawdę formularze nie będzie wysyłany.


Tu jest to szczegółowo wyjaśnione jak to działa:
https://support.google.com/tagmanager/answer/3415369?hl=en#CheckValidation

 

Najlepszą metodą jest zastosowanie niestandardowego zdarzenia.


Czyli tworzysz nową regułę typu "Zdarzenie niestandardowe" i w pole "Nazwa zdarzenia" wpisujesz np. "wyslanieFormularza", a następnie konfigurujesz swój tag, by był odpalany tą regułą.

 

Teraz masz dwie możliwości by to zdarzenie wywołać:

 

1. odszukujesz w CMS'ie strony opcje konfiguracyjną, która pozwala Ci edytować tekst wiadomości wyświetlanej po wysłaniu formularza i dopisujesz tam fragment kodu JavaScript:

<script>dataLayer.push({"event":"wyslanieFormularza"});</script>

 

2. Jeżeli powyższy sposób nie zadziała i tag się nie odpali no to musisz odszukać fragment kodu JavaScript, który odpowiada za wyświetlenie komunikatu o pomyślnym przesłaniu formularza i tam w tym kodzie ręcznie dopisać linijkę:

dataLayer.push({"event":"wyslanieFormularza"});

 

W Twoim przypadku tych formularzy jest kilka i obsługa każdego jest w innym pliku JavaScript.

Dla formularza "Pakiety całodniowe" obsługa jest w pliku:

http://dietafitme.pl/cfg-form-1/js/contactform.js

 

W tym pliku znajduje się taki wiersz: 

if(response['status'] == 'ok'){

i po tym wierszu możesz dopisać:

 

dataLayer.push({"event":"wyslanieFormularza"});

To spowoduje, że po pomyślnym wysłaniu formularza do dataLayer zostanie przesłane zdarzenie niestandardowe wyslanieFormularza.

Tomasz Ciepłucha

Wyświetl rozwiązanie w oryginalnym poście

Zaakceptowane rozwiązanie.
Rozwiązanie
Zaakceptowane przez autora tematu: Miyamoto M
marca 2016

Dot.: Śledzenie wysyłki formularza na stronie - konfiguracja tag manag

Wschodząca Gwiazda

Obsługa śledzenia formularzy w GTM w standardowej konfiguracji (tak jak to Ty zrobiłeś) dobrze się sprawdza jedynie w typowych formularzach, które powodują przeładowanie strony po wysłaniu, czyli nie jest nadpisywane standardowe działanie dla formularza.


Dla formularzy realizowanych w technologii AJAX - czyli tego typu formularz, który masz na stronie - zaznaczenie opcji "sprawdź weryfikację" blokuje odpalanie reguły.


Gdy ją odznaczysz reguła będzie odpalać tag, ale niestety za każdym razem, nawet jeśli ktoś nie wypełni wymaganych pól i tak naprawdę formularze nie będzie wysyłany.


Tu jest to szczegółowo wyjaśnione jak to działa:
https://support.google.com/tagmanager/answer/3415369?hl=en#CheckValidation

 

Najlepszą metodą jest zastosowanie niestandardowego zdarzenia.


Czyli tworzysz nową regułę typu "Zdarzenie niestandardowe" i w pole "Nazwa zdarzenia" wpisujesz np. "wyslanieFormularza", a następnie konfigurujesz swój tag, by był odpalany tą regułą.

 

Teraz masz dwie możliwości by to zdarzenie wywołać:

 

1. odszukujesz w CMS'ie strony opcje konfiguracyjną, która pozwala Ci edytować tekst wiadomości wyświetlanej po wysłaniu formularza i dopisujesz tam fragment kodu JavaScript&colon;

<script>dataLayer.push({"event":"wyslanieFormularza"});</script>

 

2. Jeżeli powyższy sposób nie zadziała i tag się nie odpali no to musisz odszukać fragment kodu JavaScript, który odpowiada za wyświetlenie komunikatu o pomyślnym przesłaniu formularza i tam w tym kodzie ręcznie dopisać linijkę:

dataLayer.push({"event":"wyslanieFormularza"});

 

W Twoim przypadku tych formularzy jest kilka i obsługa każdego jest w innym pliku JavaScript.

Dla formularza "Pakiety całodniowe" obsługa jest w pliku:

http://dietafitme.pl/cfg-form-1/js/contactform.js

 

W tym pliku znajduje się taki wiersz: 

if(response['status'] == 'ok'){

i po tym wierszu możesz dopisać:

 

dataLayer.push({"event":"wyslanieFormularza"});

To spowoduje, że po pomyślnym wysłaniu formularza do dataLayer zostanie przesłane zdarzenie niestandardowe wyslanieFormularza.

Tomasz Ciepłucha