08 Apr Come installare il codice di tracking Google Adwords su WordPress e CF7
Esistono diversi modi in cui configurare i codici di conversione o tracking di Google AdWords su WordPress, in particolare su un form generato dal plugin Contact Form 7 (CF7). Le prime due soluzioni sono verificabili attraverso l’addon di Google Chrome Google Tag Manager, la terza no. Le prime due soluzioni purtroppo sono le più rischiose: dall’inizio del 2015 sono state riscontrate alcune difficoltà nel tracciamento dei dati attraverso queste soluzioni. La terza invece, che non è verificabile attraverso Google Tag Manager, funziona tuttavia correttamente. A voi la scelta!
L’evento on_sent_ok è deprecato e finirà di essere compatibile con CF7 già dalla fine del 2017. Per questo tipo di soluzione quindi è necessario utilizzare i nuovi eventi DOM di contact form che trovate sul sito ufficiale
- Tag <img> su pagina di ringraziamento
- <i frame> su pagina di ringraziamento
- Chiamata .js su pulsante sumbit
Tag <img> su pagina di ringraziamento
Per installare il codice adwords e monitorare le tue campagne su un blog wordpress attraverso il tag <img> sarà sufficiente copiare nella pagina di ringraziamento la stringa di codice fornita da google contenuta all’interno del tag <no script>.
In precedenza, assicurati di aver inserto la chiamata al file conversion.js di google all’interno del tag prima della chiusura del tag </head>. Per fare questo di solito è sufficiente modificare il file header.php oppure il file del tuo template dove viene caricato il codice HTML
<i frame> su pagina di ringraziamento
Altra soluzione attivabile è quella di embeddare il codice di tracking di google all’interno di una pagina .html che chiameremo conversion.html. Una volta preparata la pagina andremo a caricarla via FTP nel nostro spazio web. Parallelamente sulla pagina di ringraziamento del form andremo ad aggiungere un I Frame simile a quello che segue:
Chiamata .js su pulsante submit
Per tracciare le conversioni di Google Adwords attraverso questo metodo è necessario effettuare alcune modifiche al core di wordpress. Alcuni spunti di approfondimento sono consultabili sul forum ufficiale di wordpress. Nel nostro caso, la chiamata avviene tramite javascript e non php. Il risultato comunque è il medesimo. Di seguito la procedure step by step:
- creare file tracking.js ed inserire al suo interno il codice di conversione di Google. Caricare il file all’interno di una nuova cartella che posizioneremo sulla root del nostro spazio web e che chiameremo /google_adwords/ All’interno del file andiamo ad inserire il codice di conversione di Google, opportunamente ripulito dei tag di apertura script in esubero:
function NOME_FUNZIONE(){ var img = document.createElement("img"); var goalId = numero_id_google; var randomNum = new Date().getMilliseconds(); var value = 0; var label = "codice_label"; var url = encodeURI(location.href);var trackUrl = "http://www.googleadservices.com/pagead/conversion/"+goalId+"/?random="+randomNum+"&value="+value+"&label="+label+"&guid=ON&script=0&url="+url; img.src = trackUrl; document.body.appendChild(img); };
- inserire prima della chiusura del tag <head> i seguenti script:
- inserire all’interno del campo impostazioni aggiuntive di CF7 la chiamata alla funzione contenuta all’interno del file tracking.js.
Ovvero, aggiungere il seguente codice: -
on_sent_ok: "NOME_FUNZIONE();"
No Comments