Questo articolo presuppone che si stia lavorando su un tema child di WordPress in modo da non alterare file di sistema.
Per la creazione di un tema child, si può fare riferimento a questo articolo:
Personalizzare i temi di WordPress
Il codice verrà inserito all’interno della sezione HEADER della pagina grazie alle API php che WordPress mette a disposizione, modificando uno dei parametri è possibile includere il codice in qualunque punto della pagina.
Aggiunta del codice Google Analytics
Quello che faremo è aggiungere un hook alla action wp_head che eseguirà una funzione php da noi dichiarata che si occupa di stampare il codice html di Google Analytics.
Tutto il codice va inserito nel file functions.php contenuto nella cartella del tema child
Questa riga inserisce l’ hook nella action wp_head tramite l’API add_action
|
1 |
add_action( 'wp_head', 'insert_google_analytics' ); |
Questa è la funzione che viene eseguita tramite l’API do_action dove bisogna sostituire UA-XXXXXXXXX-X con il proprio ID di monitoraggio
|
1 2 3 4 5 6 7 8 9 10 11 12 |
function insert_google_analytics() { echo " <!-- Global site tag (gtag.js) - Google Analytics --> <script async src=\"https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXXX-X\"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-XXXXXXXXX-X'); </script> "; } |
Aggiunta del codice Google AdSense
Nello stesso modo possiamo aggiungere il codice di tracciamento di Google Adsense
Le due porzioni di codice da inserire in functions.php sono le seguenti
|
1 |
add_action( 'wp_head', 'insert_google_adsense' ); |
Il codice ca-pub-XXXXXXXXXXXXXXXX va sostituito con il proprio
|
1 2 3 4 5 6 7 8 9 10 11 |
function insert_google_adsense() { echo " <script async src=\"//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js\"></script> <script> (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: \"ca-pub-XXXXXXXXXXXXXXXX\", enable_page_level_ads: true }); </script> "; } |
Restrizione su utenti loggati
Quando siamo loggati in wp, possiamo evitare che il codice venga inserito nella pagina per non falsare i rapporti di analytics mentre editiamo le pagine o gli articoli
E’ sufficiente includere la echo che invia il codice html in una IF
|
1 2 3 4 5 6 |
function insert_google_analytics() { if ( ! is_user_logged_in() ) echo " ... "; } |
Alternativa per l’ inserimento nel footer
E’ possibile inserire il codice nel footer anzichè nell’ header, è sufficiente cambiare il primo parametro di add_action inserendo
wp_footer al posto di wp_head
Per un elenco completo degli hook disponibili basta fare riferimento alla documentazione delle API WordPress