Как добавить отслеживание отправки формы Contact Form 7?

Гость | 27 февраля 2017, 18:01 | 1

Покупаю рекламу в Google Adwords и Яндекс директе, и хочу отслеживать конверсии, как люди кликают по форме отправки сообщений Contact Form 7. Как мне это сделать?


Wordpress

Решения

Для начала, надо прописать код отслеживания Google Adwords.
Это можно сделать как в самой форме:
код отслеживания Google Adwords в Contact Form 7
так и отдельно, код прописыванием в functions.php:

add_action( 'wp_footer', function () {
	?>
	<!-- Google Code for Отправка заявки Conversion Page
	In your html page, add the snippet and call
	goog_report_conversion when someone clicks on the
	chosen link or button. -->
	<script type="text/javascript">
		/* <![CDATA[ */
		goog_snippet_vars = function () {
			var w = window;
			w.google_conversion_id = 123456789; // Тут ваш номер
			w.google_conversion_label = "deXKdCInNtW4Qj-y1mgM"; // Тут ваш лейбл
			w.google_remarketing_only = false;
		}
		// DO NOT CHANGE THE CODE BELOW.
		goog_report_conversion = function ( url ) {
			goog_snippet_vars();
			window.google_conversion_format = "3";
			var opt = new Object();
			opt.onload_callback = function () {
				if ( typeof ( url ) != 'undefined' ) {
					window.location = url;
				}
			}
			var conv_handler = window['google_trackConversion'];
			if ( typeof ( conv_handler ) == 'function' ) {
				conv_handler( opt );
			}
		}
		/* ]]> */
	</script>
	<script type="text/javascript"
			src="//www.googleadservices.com/pagead/conversion_async.js">
	</script>

	<?php
} );

Затем, переходим в Редактировать формуДополнительные настройки

И прописываем там строку

on_sent_ok: "typeof goog_report_conversion === 'function' && goog_report_conversion(); yaCounter123456789.reachGoal( 'email_send');"

Где yaCounter123456789 — ваш код счётчика Яндекс Метрики, а reachGoal должен содержать ваше название цели (например, в моём случае, email_send)