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

theseo

Utente Attivo
22 Feb 2017
94
5
8
59
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

Codice:
<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

Codice:
 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

Utente Attivo
5 Dic 2017
1.333
91
48
IT/SW
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

Utente Attivo
22 Feb 2017
94
5
8
59
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

Utente Attivo
5 Dic 2017
1.333
91
48
IT/SW
No che lo devi mettere prima, devi prevenire il refresh della pagina....
In JS utilizzando jQuery e.preventDefault();
 

macus_adi

Utente Attivo
5 Dic 2017
1.333
91
48
IT/SW
allora devi fare un fake button tipo button
Ti spiego....
Il tuo input submit fallo diventare così
HTML:
<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...
 

macus_adi

Utente Attivo
5 Dic 2017
1.333
91
48
IT/SW
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.....
HTML:
$('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

Utente Attivo
22 Feb 2017
94
5
8
59
:-(( provato ora: il form invia di nuovo ma l'evento su analytics continua a non apparire... inizio a scoraggiarmi...
 

otto9due

Utente Attivo
22 Feb 2014
539
21
28
Vai così.. A me funziona perfettmente:
Codice:
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:
Codice:
<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

Utente Attivo
22 Feb 2017
94
5
8
59
no ma anche a me nei link funziona
è qua dentro che non va-->
<input type="submit" name="Submit" value="Invia" >
 

otto9due

Utente Attivo
22 Feb 2014
539
21
28
Puoi provare semplicemente così..
Codice:
<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

Utente Attivo
22 Feb 2017
94
5
8
59
niente non va neanche così: il form parte ma l'evento non viene chiamato
non so proprio + cosa fare, le abbiamo provate tutte...
 

theseo

Utente Attivo
22 Feb 2017
94
5
8
59
AHHHHHHHHHHHHHHH nooooooooooooo
contrordine: FUNZIONAAAAAAAAA
l'evento è arrivato, in ritardo ma è arrivato
quindi la soluzione è-->
input onclick="gtag(ecc ecc
grazie a tuttiiiii
 
  • Like
Reactions: otto9due

otto9due

Utente Attivo
22 Feb 2014
539
21
28
Discussioni simili
Autore Titolo Forum Risposte Data
L [javascript]problema funzione per webapi Javascript 4
A Funzione javascript per effettuare la slide del carosello in avanti Javascript 0
G funzione javascript per passaggio valori Javascript 1
M JavaScript: lanciare funzione ASP per salvare dati in database Javascript 0
G [javascript]Chiamare funzione javascript per menù Javascript 2
A funzione javascript per validazione form Javascript 3
C lanciare una funzione javascript e attenderne la fine per lanciarne una seconda Javascript 1
S Funzione JavaScript per selezione Javascript 3
IClaude Funzione Javascript Javascript 8
max1974 [Javascript] Funzione Errata procedura Javascript 2
pjtertdj Visualizzazione dati in php da mysql con funzione matematica in javascript PHP 1
psicomia Gestione funzione in javascript in tabella richiamare"textarea" valori preimpostati in "select" Javascript 2
elpirata [Javascript] Lo script alle volte funzione altre volte no Javascript 0
R [Javascript] Rendere una funzione sempre visibile Javascript 2
A [Javascript] tabella dinamica e onchange su funzione Javascript 1
P [Javascript] Inserire una nuova condizione in una funzione Javascript 3
C [Javascript] Chiamata di una funzione da *.js esterno Javascript 1
J [Javascript] una funzione ricorsiva che non capisco come lavori Javascript 6
G [Javascript] nome da dare ad una funzione Javascript 1
Laskot [Javascript] Funzione JS con parametro Javascript 4
ken_korn [Javascript] Portare variabile in una funzione esterna al suo scope Javascript 2
I Riportare dati funzione javascript in textbox Javascript 0
P [Javascript] eseguire una funzione dopo un'altra Javascript 0
Strato-Fortex [Javascript] Risoluzione funzione cifrario di Cesare Javascript 4
S [Javascript] Problema richiamo funzione Javascript 8
F [Javascript] Problema funzione jquery con elementi css esterni Javascript 1
M [Javascript] Funzione con collegamenti ipertestuali JS Javascript 4
Andrea Perrone funzione javascript applicata al gioco della dama Javascript 2
S [Javascript] Codice JS inline non funzione su IE Javascript 1
ANDREA20 [Javascript] funzione menu Javascript 1
M Far partire una funzione/codice php con javascript Javascript 1
U Far partire una funzione JavaScript premendo bottone in html Javascript 7
Marco_88 Funzione mouseover Javascript jQuery 3
V Chiamata funzione php da javascript Ajax 3
M Lanciare una funzione asp.net con javascript. E' possibile? ASP.NET 0
A richiamare funzione javascript dopo login in popup. Javascript 0
B AIUTO: come passare una variabile php ad una funzione javascript Javascript 2
ivarello Attivare funzione Javascript con Jquery jQuery 0
F funzione javascript all'interno di un codice php PHP 38
A eseguire codice html da funzione javascript Javascript 2
C Un form di input e uno di output con funzione javascript Javascript 17
D Problema nella chiamata ad una funzione javascript da href Ajax 2
A Salvataggio dati (era: funzione penso in javascript) PHP 2
I Eseguire funz. Javascript caricata tramite la funzione Ajax di JQuery in onChange Javascript 0
I Eseguire funz. Javascript caricata tramite la funzione Ajax di JQuery in onChange Javascript 0
mkrapfen aiuto! funzione javascript Javascript 0
G ajax php myqsl - problema con funzione javascript Ajax 1
I javascript non carica funzione Javascript 0
D Funzione javascript che pulisca un campo input Javascript 0
F Memorizzare valore variabile da una funzione javascript Javascript 10

Discussioni simili