[Javascript] funzione per attivare analytics... dov'è l'errore?

[theseo]

ciao, per far sì che le stat di analytics mi contassero negli EVENTI quante volte viene cliccato un pulsante di un form, ho preparato questa piccola funzione

<input type="submit" name="Submit" value="Invia" onclick="gtag()">
<script>
function gtag() {
   'event', 'play', {'send_to': 'UA-miocodice','event_category': 'invia_email','event_label': 'invia_email'});
}
</script>

che mi sembra corretta, no? beh non manda nulla al gtag...
NB: la stessa sintassi

 gtag() {
   'event', 'play', {'send_to': 'UA-miocodice','event_category': 'invia_email','event_label': 'invia_email'});
}

messa dentro un link di download PDF funziona perfettamente...
Chi sa darmi un aiuto?
graziee!!

 

[macus_adi]

Essendo l'input di tipo submit dovresti prevenire il comportamento di default....
Ossia quando premi il pulsante fai qualche azione, stoppa il comportamento effettui la chiamata che serve e poi prosegui... Più o meno la logica è questa!

 

[theseo]

grazie per la risposta ma... argh... mi spieghi meglio?
devo mettere prima il -> onclick="gtag()" ??
ma prima dove? non ci sono molti altri posti...

 

[macus_adi]

No che lo devi mettere prima, devi prevenire il refresh della pagina....
In JS utilizzando jQuery e.preventDefault();

 

[theseo]

ahi non lo so assolutamente fare...

 

[macus_adi]

allora devi fare un fake button tipo button
Ti spiego....
Il tuo input submit fallo diventare così

<input type="submit" id="invia" class="hidden" name="Submit" value="Invia" >
<button type="button" onclick="gtag()" id="analytics">Clicca per Inviare</button>

function gtag() {
  $('#invia').removeClass("hidden");
 $('#analytics").addClass("hidden");   
'event', 'play', {'send_to': 'UA-miocodice','event_category': 'invia_email','event_label': 'invia_email'});
}

Sto dando per scontato che tu utilizzi bootstrap almeno per la UI...

 

[theseo]

argh provato ma con questa modifica il form non invia più...

 

[macus_adi]

Si lo so, infatti per inviare con il form devi fare un doppio click.... Se riuscissi a fare una chiamata in ajax il risultato è garantito...
allora prova a fare così... Togli la parte che ti ho inviato prima... ripristina il tuo file.....

$('form').submit(function(e){
    e.preventDefault();

'event', 'play', {'send_to': 'UA-miocodice','event_category': 'invia_email','event_label': 'invia_email'});
  setTimeouf(function(){
          this.submit();
   },1500);
});

Prova così dovrebbe funzionare!

 

[theseo]

:-(( provato ora: il form invia di nuovo ma l'evento su analytics continua a non apparire... inizio a scoraggiarmi...

 

[otto9due]

Vai così.. A me funziona perfettmente:

onclick="gtag('event', 'generate_lead', {'event_category': 'Categoria','event_label': 'quello che vuoi'});"

Puoi metterlo dove ti pare, se lo devi piazzaere in un link, mettilo prima del href ovvero:

<a onclick="gtag('event', 'generate_lead', {'event_category': 'Categoria','event_label': 'quello che vuoi'});" href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>

 

[theseo]

no ma anche a me nei link funziona
è qua dentro che non va-->
<input type="submit" name="Submit" value="Invia" >

 

[otto9due]

Puoi provare semplicemente così..

<input onclick="gtag('event', 'generate_lead', {'event_category': 'Categoria','event_label': 'quello che vuoi'});" type="submit" name="Submit" value="Invia" >

Per lo stesso motivo del link potrebbe creare problemi se messo dopo il submit.

 

[theseo]

niente non va neanche così: il form parte ma l'evento non viene chiamato
non so proprio + cosa fare, le abbiamo provate tutte...

 

[theseo]

AHHHHHHHHHHHHHHH nooooooooooooo
contrordine: FUNZIONAAAAAAAAA
l'evento è arrivato, in ritardo ma è arrivato
quindi la soluzione è-->
input onclick="gtag(ecc ecc
grazie a tuttiiiii

 

[otto9due]

Prova a dare un'occhiata qui..
https://stackoverflow.com/questions/6799533/how-to-submit-a-form-with-javascript-by-clicking-a-link

Sopratutto qui.. che poi puó essere semplificato tramite jquery

The best JS way

<form id="form-id">
  <button id="your-id">submit</button>
</form>
var form = document.getElementById("form-id");

document.getElementById("your-id").addEventListener("click", function () {
  form.submit();
});

Saluti G.G.