Per questioni di sicurezza, di norma l’utente standard non ha l’au­to­riz­za­zio­ne a integrare Ja­va­Script in WordPress. Se però volete rendere il vostro sito web più in­te­rat­ti­vo, gli script sono una soluzione comoda e veloce. In questo articolo vi il­lu­stria­mo quali opzioni avete a di­spo­si­zio­ne per lavorare con Ja­va­Script in WordPress.

Registra il tuo dominio
  • Domain Connect gratuito per una con­fi­gu­ra­zio­ne facile del DNS
  • Cer­ti­fi­ca­to SSL Wildcard gratuito
  • Pro­te­zio­ne privacy inclusa

In quali casi ha senso integrare Ja­va­Script in WordPress?

WordPress è uno dei sistemi di gestione dei contenuti che presenta la classica se­pa­ra­zio­ne tra contenuti e design. In linea di principio, questa se­pa­ra­zio­ne rigida è pratica e sensata: l’utente am­mi­ni­stra­to­re si occupa infatti della gestione degli aspetti tecnici e visivi, mentre chi è autore si dedica in­te­ra­men­te alla pro­get­ta­zio­ne dei contenuti. Di con­se­guen­za, bloccare Ja­va­Script e altri script in WordPress all’utente normale del back end è di per sé un approccio sensato, in­nan­zi­tut­to perché punta a ridurre al minimo il rischio di codice maligno.

Consiglio

La scelta del giusto sistema di gestione dei contenuti è al­tret­tan­to im­por­tan­te quanto quella di un indirizzo web ap­pro­pria­to. Re­gi­stran­do oggi stesso il vostro dominio per­so­na­liz­za­to potrete usufruire di vantaggi quali un cer­ti­fi­ca­to SSL/TLS gratuito e un blocco del dominio.

Se nella pro­get­ta­zio­ne dei contenuti è prevista l’in­clu­sio­ne di contenuto in­te­rat­ti­vo, non c’è pra­ti­ca­men­te modo di aggirare Ja­va­Script: i vari lettori audio e video fun­zio­na­no solo con uno script apposito. Questo vale anche per molti moduli di provider esterni che vengono uti­liz­za­ti, ad esempio, per la ge­ne­ra­zio­ne di lead. L’in­te­gra­zio­ne di Ja­va­Script in WordPress è però au­spi­ca­bi­le anche per chi ha in­ten­zio­ne di includere ulteriori elementi in­te­rat­ti­vi come chat, sondaggi o quiz nel proprio progetto web.

Come integrare Ja­va­Script in WordPress: metodi possibili

Esistono diversi modi per con­sen­ti­re a utenti di WordPress l’in­te­gra­zio­ne di Ja­va­Script o, sem­pli­ce­men­te, per integrare il lin­guag­gio nel CMS. Tra le soluzioni migliori e più semplici ri­por­tia­mo le seguenti:

  1. Di­sat­ti­va­re il fil­trag­gio dei tag script
  2. In­cor­po­ra­re Ja­va­Script nell’header delle pagine WordPress
  3. In­cor­po­ra­re Ja­va­Script nel footer di WordPress
  4. Abilitare Ja­va­Script mediante un plugin WordPress
Consiglio

Siete ancora alla ricerca di un ambiente di hosting per il vostro progetto WordPress? L’Hosting per WordPress di IONOS vi permette di accedere a un hardware per­for­man­te e a prova di crash, inclusa memoria veloce SSD, caching e CDN.

Prima soluzione: di­sat­ti­va­re il fil­trag­gio dei tag script

Potete di­sat­ti­va­re il blocco au­to­ma­ti­co dei tag script per tutti i ruoli utente e per l’intero progetto WordPress. Tuttavia, vi con­si­glia­mo di di­sa­bi­li­ta­re questa funzione di sicurezza solo se gli utenti au­to­riz­za­ti all’accesso hanno ef­fet­ti­va­men­te espe­rien­za nell’utilizzo di script, al­tri­men­ti il rischio di codice dannoso come con­se­guen­za di script errati è troppo elevato.

Per di­sat­ti­va­re il filtro di tag script, per prima cosa ag­giun­ge­te la seguente riga nel file di con­fi­gu­ra­zio­ne wp-config.php:

define( 'CUSTOM_TAGS', true );
php

Dopodiché ag­giun­ge­te al file theme functions.php il seguente codice:

function add_scriptfilter( $string ) {global $allowedtags;$allowedtags['script'] = array( 'src' => array () );return $string;}add_filter( 'pre_kses', 'add_scriptfilter' );
php

A questo punto tutti gli utenti potranno integrare Ja­va­Script in WordPress inserendo i ri­spet­ti­vi tag script nel punto de­si­de­ra­to di una pagina.

Seconda soluzione: in­cor­po­ra­re Ja­va­Script nell’header delle pagine WordPress

De­si­de­ra­te limitare l’accesso a Ja­va­Script in WordPress solo ad alcuni utenti? In tal caso, è possibile ricorrere all’in­te­gra­zio­ne manuale dello script tramite header. Questo approccio prevede che il codice venga inserito ma­nual­men­te in functions.php, così da con­fi­gu­ra­re in­di­vi­dual­men­te i dettagli dell’au­to­riz­za­zio­ne.

Se volete in­cor­po­ra­re uno script nell’header per l’intero sito web (per esempio il codice di uno strumento di tracking), dovete ag­giun­ge­re quanto segue nel file di con­fi­gu­ra­zio­ne del tema:

function wpb_hook_javascript() {
	?>
		<script>
			// JavaScript-Code
		</script>
	<?php
}
add_action('wp_head', 'wpb_hook_javascript');
php

Na­tu­ral­men­te potete anche in­cor­po­ra­re il codice Ja­va­Script de­si­de­ra­to solo in una singola pagina. A tale scopo, vi occorrerà esclu­si­va­men­te l’ID della pagina in­te­res­sa­ta, da spe­ci­fi­ca­re con una semplice istru­zio­ne if. Per la pagina WordPress con ID “5”, ad esempio, la voce in­te­res­sa­ta in functions.php avrà il seguente aspetto:

function wpb_hook_javascript() {
	if (is_page ('10')) { 
		?>
			<script type="text/javascript">
				// JavaScript-Code
			</script>
		<?php
	}
}
add_action('wp_head', 'wpb_hook_javascript');
php
Consiglio

Prima di ag­giun­ge­re codice Ja­va­Script globale al vostro progetto, ri­cor­da­te­vi di creare un backup di WordPress!

Terza soluzione: in­cor­po­ra­re Ja­va­Script nel footer di WordPress

Piuttosto che inserire Ja­va­Script nell’header del sito WordPress, potete scegliere di inserire gli script nel suo footer. A tale proposito, occorre so­sti­tui­re il parametro “wp_head” con “wp_footer”:

function wpb_hook_javascript() {
	?>
		<script>
			// JavaScript-Code
		</script>
	<?php
}
add_action('wp_footer', 'wpb_hook_javascript');
php

Anche con questa variante, gli script possono essere integrati in de­ter­mi­na­te pagine solamente ag­giun­gen­do un’istru­zio­ne if e spe­ci­fi­can­do l’ID:

function wpb_hook_javascript() {
	if (is_page ('10')) { 
		?>
			<script type="text/javascript">
				// JavaScript-Code
			</script>
		<?php
	}
}
add_action('wp_footer', 'wpb_hook_javascript');
php
Consiglio

Le esten­sio­ni sono una com­po­nen­te fon­da­men­ta­le di WordPress, ma quali sono quelle veramente utili? Nella Digital Guide troverete articoli sulle più svariate categorie di plugin, come ad eempio:

Quarta soluzione: abilitare Ja­va­Script mediante un plugin WordPress

Qualora risulti im­pos­si­bi­le o troppo com­pli­ca­to adattare ma­nual­men­te il file del tema, si può ricorrere ai plugin di WordPress per integrare Ja­va­Script nel progetto. Tra le esten­sio­ni più diffuse a questo scopo spicca Scripts n Styles. Per in­stal­lar­la, procedete come segue:

  1. Ef­fet­tua­te l’accesso al back end di WordPress.
  2. Dal menu a sinistra, se­le­zio­na­te prima “Plugin” poi “Installa”.
  3. Cercate “Scripts n Styles” e fate clic sul pulsante “Installa ora” alla voce cor­ri­spon­den­te.
  4. A in­stal­la­zio­ne ef­fet­tua­ta, fate clic su “Attiva”.
Immagine: Back end di WordPress: installazione di “Scripts n Styles”
In­stal­la­zio­ne di “Scripts n Styles” nel back end di WordPress

Una volta in­stal­la­to, troverete il plugin Ja­va­Script di WordPress nella sezione “Strumenti” del menu laterale di sinistra. Dal menu dell’esten­sio­ne si può scegliere di in­cor­po­ra­re snippet HTML, CSS o Ja­va­Script nei propri progetti WordPress. Nel caso di Ja­va­Script sono di­spo­ni­bi­li tre opzioni:

  • Cof­fee­Script
  • Script nell’header (“for the head element”)
  • Script nel footer (“end of the body element”)
Immagine: WordPress: incorporare codice JavaScript con il plugin “Scripts n Styles”
Con il plugin “Scripts n Styles” è possibile in­cor­po­ra­re codice Ja­va­Script in WordPress
In sintesi

Grazie al codice Ja­va­Script potete aumentare le funzioni in­te­rat­ti­ve all’interno del vostro progetto WordPress. Per con­sen­ti­re a ogni utente di in­cor­po­ra­re gli script, potete di­sa­bi­li­ta­re i tag script, oppure servirvi di un plugin. In al­ter­na­ti­va, se avete accesso a functions.php avete la pos­si­bi­li­tà di includere il codice nell’header o nel footer.

Vai al menu prin­ci­pa­le