Hacer que Contact Form 7 trabaje con el codigo de tracking de conversión de google (adwords conversion tracking)

Resulta complicado con tanto cambio en google, ya que hace que la mayoría de la documentación en blogs esté desactualizada. De hecho quien sabe si mientras lees esto ya no funciona!! 😉 Google ha actualizado recientemente el código de JavaScript que te brinda cuando creas un evento de conversión. El Formulario de contacto 7 también ha desaprobado la compatibilidad con la antigua forma en que solía manejarlo, con la pestaña de configuración avanzada añadiendo on_submit: “goog_report_conversion(window.location.href);”.

Los pasos a seguir actualmente para obtener métrica de conversiones en los formularios del plugin wordpress Contact Form 7 son:

CREAR UN CÓDIGO DE CONVERSION (TRACKING CODE) EN TU PLATAFORMA ADWORDS:

Esto es bastante simple, imagino que ya has hecho esto si estás leyendo esta página. No obstante, se verá algo como esto:

<!– Event snippet for <mi conversion>
In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. –>
<script>
function gtag_report_conversion(url) {
var callback = function () {
if (typeof(url) != ‘undefined’) {
window.location = url;
}
};
gtag(‘event’, ‘conversion’, {
‘send_to’: ‘<your adwords code>’,
‘event_callback’: callback
});
return false;
}
</script>

Este codigo debe ser copiado en cada formulario de contacto (al final)

AÑADIR FUNCION A NUESTRO WORDPRESS

A continuación añadiremos una funcion a nuestro wordpress (en el archivo functions.php, al final de todo el código, por ejemplo):

add_action( ‘wp_footer’, ‘mycustom_wp_footer’ );

function mycustom_wp_footer() {
?>
<script type=”text/javascript”>
document.addEventListener( ‘wpcf7mailsent’, function( event ) {
gtag_report_conversion();
}, false );
</script>
<?php
}

Y con esto tus conversiones ahora deberían rastrearse y no es necesario hacer nada en la sección avanzada del formulario. La función creada en functions.php solo enviará el formulario cargado en el DOM cuando se haga clic en el botón Enviar.

NOTA: Si hay más de un formulario cargado en la página (con una ID diferente y cosa no habitual por otra parte) deberas modificar la funcion que has añadido a WordPress en functions.php

 

Cambiar el boton de cerrar de los interstitial en Revive Adserver

El boton de cerrar, que en revive adserver suele venir por defecto es insignificantemente pequeño (supongo que para que el usuario no lo vea… y se coma todo el intersitial el tiempo establecido…)

Para modificar el tipo de boton, podemos encontrar aproximadamente sobre la linea 228 (linea arriba, linea abajo) del archivo:

‘plugins/invocationTags/oxInvocationTags/layerstyles/simple/layerstyle.inc.php’

La linea es un trozo de la tabla que muestra el banner:

<td’.($nobg == ‘t’ ? ” : ‘ bgcolor=”#’.$backcolor.'”‘).’ align=”right” style=”padding: 2px”><a href=”javascript:;” onClick=”MAX_simplepop_’.$uniqid.'(\’close\’); return false;” style=”color:#0000ff”><img src=”‘.$imagepath.’cerrar.pngwidth=”40″ height=”40″ alt=”Close” border=”0″></a></td>

Como se vé, podremos indicarle o bien la ruta o dejar el path donde se almacenan los banner (y copiar ahi nuestro botón..) el nombre del archivo y además , darle una altura y anchura deseada.

el imagepath se refiere  la carpeta que vosotros teneis definida o que defina revive adserver, y dentro de ella existirá unas subcarpetas layerstyles/simples, donde está el close.gif original. Ahi debeis copiar vuestro archivo.

Aquí os dejo el boton que estoy usando, a peticion de uno de mis clientes, para cerrar los intersitiales.