Google AdsGoogle Tag ManagerKonwersjeJak ustawić konwersje rozszerzone w Google Ads dla formularza Contact Form 7 w WordPress?

Chcesz dokładnie śledzić konwersje z formularza Contact Form 7 na swojej stronie WordPress? Standardowe ustawienia mogą nie wystarczyć, jeśli zależy Ci na pełnej precyzji danych w Google Ads. Właśnie dlatego warto wdrożyć konwersje rozszerzone, które pozwalają lepiej przypisać konwersje do użytkowników, nawet gdy ciasteczka są ograniczone przez przeglądarki. W tym wpisie pokażę Ci krok po kroku, jak skonfigurować konwersje rozszerzone dla Contact Form 7 za pomocą Google Tag Managera i Google Ads, aby poprawić skuteczność kampanii i uzyskać dokładniejsze dane o konwersjach.

Domyślnie Contact Form 7 nie przekazuje danych do warstwy danych z informacjami ujętymi w formularzu kontaktowym. Aby to zmienić, trzeba dodać niestandardowy kod do witryny. Na szczęście nie trzeba w to angażować programisty. Wystarczy dostęp do Google Tag Managera. Zaloguj się na swoje konto GTM i dodaj niestandardowy kod HTML jak na grafice poniżej.

Kod do skopiowania znajdziesz poniżej.

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
 window.dataLayer.push({
 "event" : "cf7submission",
 "formId" : event.detail.contactFormId,
 "response" : event.detail.inputs
 })
}); 
</script>

Aby sprawdzić, czy kod poprawnie przekazuje dane do warstwy danych, uruchom podgląd w Google Tag Managerze i wyślij testowo formularz kontaktowy. Jeśli kod działa poprawnie w warstwie danych powinny pojawić się treści wypełnionych pól, jak na grafice poniżej.

Następnie przejdź do ustawienia zmiennych. W tym celu przejdź do zakładki ZMIENNE i kliknij przycisk NOWA. Na podstawie powyższego screenu ustawimy zmiennie pod każde pole formularza. Pamiętaj, że pierwszy wiersz będzie się zaczynał od cyfry 0, a więc odpowiedź z pola „your-name” będzie miała nazwę zmiennej warstwy danych: response.0.value. Analogicznie pole „your-email” będzie mieć nazwę: response.1.value itd.

DLV to skrót od Data Layer Variable :) Oczywiście nie musisz ustawić wszystkich zmiennych, bo w praktyce wystarczy tylko e-mail i numer telefonu. W moim przypadku będzie to więc:

Gdy to zrobisz, ponownie przejdź do trybu podglądu w Google Tag Managerze i wyślij formularz. Jeśli to zrobisz w sekcji ZMIENNE w uruchomionym zdarzeniu cf7submission znajdziesz dodatkowe wiersze ze zmiennymi, które zostały utworzone.

Następnie w Google Tag Managerze utwórz nową zmienną, a jako typ wybierz DANE PRZEKAZYWANE PRZEZ UŻYTKOWNIKÓW. Następnie MANUAL CONFIGURATION. W polach E-mail i Telefon wybierz odpowiednie zmienne, które wcześniej zostały utworzone. Może to wyglądać następująco:

Na końcu zapisz zmienną.

Teraz przejdź do ustawień tagu odpowiadającego za konwersję w Google Ads (zakładam, że została już ustawiona, ale nie jako konwersja rozszerzona). W ustawieniach znajdziesz sekcję „Uwzględniaj dane przekazywane przez użytkowników z Twojej witryny”. Wybierz tam zmienną, która została utworzona w poprzednim kroku. Na końcu zapisz zmiany.

Na końcu pozostaje wyeksportowanie kontenera w Google Tag Managerze.

Przejdź teraz do ustawień konwersji na koncie Google Ads, włącz konwersje rozszerzone i wybierz konfigurację za pomocą Menedżera tagów.

W konkretnej konwersji Google Ads, która dotyczy formularza kontaktowego również włącz konwersje rozszerzone.

Na końcu zapisz zmiany. Jeśli wszystko zostało poprawnie ustawione, za kilka dni na poziomie podsumowania wszystkich konwersji powinna pojawić się zakładka DIAGNOSTYKA. Znajdziesz tam informacje dotyczące poprawności działania konwersji rozszerzonych.

Po kliknięciu POKAŻ SZCZEGÓŁY otrzymasz informacje na temat implementacji konkretnych konwersji rozszerzonych.

Mam nadzieję, że u Ciebie również komunikaty święcą się na zielono i wszystko zostało poprawnie ustawione :)