Medición de envíos

[dudamk]

Buenas, tengo un formulario y quiero medir los envíos con Google Analytics.

Para ello normalmente creo un evento onSubmit en el formulario y funciona. Así:

Código HTML:

<form id="register-form" method="post" onSubmit="_gaq.push(['_trackEvent', 'Landing', 'Submit']);" >
      <input type="text" name="email" placeholder="Tu email" />
      <input type="text" name="name" placeholder="Tu nombre" />
      <input type="text" name="phone" placeholder="Número de teléfono" />
      <input type="submit" name="submit" value="Quiero saber más sobre esta oferta" class="btn" />
     </form>
 

Sin embargo esta vez no lo consigo. Yo soy de mk online, no soy programadora y no entiendo mucho. Solo hacer pequeños ajustes. Me han dicho que mi formulario está en AJAX. Puede ser por eso?? dónde debo poner el evento de Analytics??

[hasdpk]

Tu evento está bien ubicado, lo que no sé es si la función de Google Analytics es esa.

[emprear]

Iniciado por dudamk

Me han dicho que mi formulario está en AJAX. Puede ser por eso?? dónde debo poner el evento de Analytics??

Si, puede influir, pero de tu código no se observa uso alguno de Ajax. Tendrías que pasar el código, js incluido, en forma más detallada

Saludos

[dudamk]

Gracias! Os copio todo:

index.html

Código HTML:

<form id="register-form" method="post" onSubmit="_gaq.push(['_trackEvent', 'Landing', 'Submit']);" >
      <input type="text" name="email" placeholder="Tu email" />
      <input type="text" name="name" placeholder="Tu nombre" />
      <input type="text" name="phone" placeholder="Número de teléfono" />
      <input type="submit" name="submit" value="Quiero saber más sobre esta oferta" class="btn" />
     </form>
 

register.php

Código PHP:

<?php
if(isset($_POST['action'])) { // Checking for submit form
$my_emails  = array("[email protected]", "[email protected]", "[email protected]"); // Your email address
if($_POST['action']=='add') {
$email   = trim(strip_tags(addslashes($_POST['email'])));
$name    = trim(strip_tags(addslashes($_POST['name'])));
$phone   = trim(strip_tags(addslashes($_POST['phone'])));
$pattern    = '/^[^\W][a-zA-Z0-9_]+(\.[a-zA-Z0-9_]+)*\@[a-zA-Z0-9_]+(\.[a-zA-Z0-9_]+)*\.[a-zA-Z]{2,4}$/';
if($phone==""){
echo "error|Por favor, introduce tu número de teléfono";
exit;
}
if($email != "" && $name != "" && $name != "") {
if(preg_match($pattern, $email)) {
$messages   = "Has recibido una solicitud de información de: " . $name . "\r\n" . "Puedes responder directamente a este email o llamarle al siguiente número de teléfono: " . $phone;
$headers = "From: " . $email . "\r\n";
foreach($my_emails as $my_email) mail($my_email, $subject, $messages, $headers);
echo "success| ¡Muchas gracias! En breve nos pondremos en contacto contigo";
} else {
echo "eerror|Por favor, introduce una dirección de email válida";   
}
} else {
echo "error| Por favor, rellena todos los campos";  
}
}
} else { // Submit form false
header("Location: index.html"); 
}
?>
 

main.js

Código Javascript:

// Register form process function
    $("#register-form").submit(function() {
        var submitData  = $(this).serialize();
        var $email      = $(this).find("input[name='email']");
        var $name       = $(this).find("input[name='name']");
        var $phone      = $(this).find("input[name='phone']");
        var $submit     = $(this).find("input[name='submit']");
        var output      = '';
        
        $email.attr('disabled','disabled');
        $name.attr('disabled','disabled');
        $phone.attr('disabled','disabled');
        $submit.attr('disabled','disabled');
        
        $.ajax({ // Send an offer process with AJAX
            type: "POST",
            url: "register.php",
            data: submitData + "&action=add",
            dataType: "html",
            success: function(msg){
                
                if(parseInt(msg, 0) !== 0) {
                    var msg_split = msg.split("|");
                    if(msg_split[0] === "success") {
                        $email.val('').removeAttr('disabled');
                        $name.val('').removeAttr('disabled');
                        $phone.val('').removeAttr('disabled');
                        $submit.removeAttr('disabled');
                        output  += '<div class="submit-status submit-status-success">' + msg_split[1] + '</div>';
                        $("body").prepend(output).find(".submit-status").hide().slideDown().delay(4000).slideUp(function() { $(this).remove(); });
                    } else {
                        $email.removeAttr('disabled');
                        $name.removeAttr('disabled');
                        $phone.removeAttr('disabled');
                        $submit.removeAttr('disabled');
                        output  += '<div class="submit-status submit-status-error">' + msg_split[1] + '</div>';
                        $("body").prepend(output).find(".submit-status").hide().slideDown().delay(4000).slideUp(function() { $(this).remove(); });
                    }
                }
            }
        });
        return false;
    });
 

[emprear]

Probá de hacer el envío de los analitycs con onclick en el submit, ya que el evento submit del form te está enviando x ajax

Código:

   $("#register-form").submit(function() {
        var submitData  = $(this).serialize();

otra alternativa que vi es esta

http://www.lunametrics.com/blog/2012...gle-analytics/

Saludos

[dudamk]

Ok,muchas gracias! pero dónde pongo el código que me has dado?

[emprear]

Iniciado por dudamk

Ok,muchas gracias! pero dónde pongo el código que me has dado?

me refiero a que esto

Código:

 onSubmit="_gaq.push(['_trackEvent', 'Landing', 'Submit']);"

lo hagas onclick en el boton submit

[dudamk]

Ya lo había probado, y nada, no funciona....

[dudamk]

Perdoname. Sé que soy muy pesada, pero estoy desesperada... necesito arreglar esto. No sé si te entendí, pero cambién el evento onsubmit por uno click y lo puse en el html, pero en vez de dentro de <form>, lo puse dentro de submit:

Código HTML:

<input type="submit" name="submit" value="Quiero saber más sobre esta oferta" class="btn" onClick="_gaq.push(['_trackEvent', 'Landing', 'Submit']);" />
 

Pero nada, sigue sin funcionar.

Será que debo poner el evento en alguna parte del main.js

Por favor ayuda, os lo agradecería enormemente