Ultimi articoli
Aprile: 2015
L M M G V S D
 12345
6789101112
13141516171819
20212223242526
27282930  

Come installare il codice di tracking Google Adwords su WordPress e CF7

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

 

  1. Tag <img> su pagina di ringraziamento
  2. <i frame> su pagina di ringraziamento
  3. 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:

<iframe src="http://www.miosito.it/conversion.html" width="1" height="1"></iframe>

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+"&amp;value="+value+"&amp;label="+label+"&amp;guid=ON&amp;script=0&amp;url="+url;
    img.src = trackUrl;
    document.body.appendChild(img);
    };
    
  • inserire prima della chiusura del tag <head> i seguenti script:
    <script src="//www.googleadservices.com/pagead/conversion.js" type="text/javascript"></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

Post A Comment

*