Por razones de seguridad, los usuarios normales no pueden insertar Ja­va­S­cri­pt en WordPress. Sin embargo, si quieres que tu página web sea más in­ter­ac­ti­va, los scripts son una solución cómoda y rápida. En este artículo, te mostramos qué opciones tienes para trabajar con Ja­va­S­cri­pt en WordPress.

Dominios web
Compra y registra tu dominio ideal
  • Domina el mercado con nuestra oferta 3x1 en dominios
  • Función Domain Connect para una co­n­fi­gu­ra­ción DNS si­m­pli­fi­ca­da gratis
  • Registro privado y gratis para mayor seguridad

¿Cuándo es co­n­ve­nie­n­te insertar Ja­va­S­cri­pt en WordPress?

WordPress es un sistema de gestión de co­n­te­ni­dos clásico que separa contenido y diseño. En principio, esta estricta se­pa­ra­ción es práctica y tiene sentido: de esta forma los ad­mi­ni­s­tra­do­res pueden gestionar los aspectos técnicos y visuales. Los re­da­c­to­res, por su parte, pueden centrarse por completo en la creación del contenido. Además, bloquear Ja­va­S­cri­pt y otros scripts en WordPress para los usuarios normales del backend es, en principio, una buena idea, es­pe­cia­l­me­n­te porque minimiza el riesgo de código malicioso.

Consejo

Tan im­po­r­ta­n­te como elegir el sistema de gestión de co­n­te­ni­dos adecuado es una dirección web apropiada. Registra hoy mismo tu dominio y be­ne­fí­cia­te de ventajas como un ce­r­ti­fi­ca­do SSL/TLS gratuito o un bloqueo de dominio.

Si el contenido in­ter­ac­ti­vo va a ser una parte integral del diseño, usar Ja­va­S­cri­pt es prá­c­ti­ca­me­n­te in­e­vi­ta­ble. Esto se debe a que muchos re­pro­du­c­to­res de audio y vídeo solo funcionan con el script apropiado. Lo mismo ocurre con muchos fo­r­mu­la­rios de pro­vee­do­res externos que se utilizan, por ejemplo, para la ge­ne­ra­ción de leads. Si quieres apostar por otros elementos in­ter­ac­ti­vos como chats, encuestas o pruebas de co­no­ci­mie­n­to también es re­co­me­n­da­ble la in­te­gra­ción de Ja­va­S­cri­pt en WordPress.

Insertar Ja­va­S­cri­pt en WordPress: opciones di­s­po­ni­bles

Hay varias maneras para los usuarios de integrar Ja­va­S­cri­pt en WordPress. Las mejores y más sencillas son las si­guie­n­tes:

  1. Des­ac­ti­var el filtrado de etiquetas de script
  2. Insertar Ja­va­S­cri­pt en la cabecera de la página de WordPress
  3. Insertar Ja­va­S­cri­pt en el pie de página de WordPress
  4. Usar Ja­va­S­cri­pt a través de un plugin de WordPress
Consejo

¿Todavía estás buscando un entorno de alo­ja­mie­n­to adecuado para tu proyecto de WordPress? Con el hosting para WordPress de IONOS tienes acceso a un hardware potente y a prueba de fallos con un rápido al­ma­ce­na­mie­n­to SSD, caché y CDN.

Po­si­bi­li­dad 1. Des­ac­ti­var el filtrado de etiquetas de script

Puedes des­ac­ti­var el bloqueo por defecto de las etiquetas de script para todos los roles de usuario y todo el proyecto de WordPress. Sin embargo, solo se re­co­mie­n­da des­ac­ti­var esta función de seguridad si todos los usuarios con derechos de acceso tienen ex­pe­rie­n­cia en el manejo de scripts; de lo contrario, el riesgo de que se produzcan códigos dañinos o ma­li­cio­sos como co­n­se­cue­n­cia de scripts poco fiables es in­ne­ce­sa­ria­me­n­te alto.

Para des­ac­ti­var el filtrado de etiquetas de script, añade la siguiente línea al archivo de co­n­fi­gu­ra­ción wp-config.php:

define( 'CUSTOM_TAGS', true );
php

A co­n­ti­nua­ción, añade la siguiente entrada al archivo de tema functions.php:

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

Después, todos los usuarios podrán integrar Ja­va­S­cri­pt en WordPress in­clu­ye­n­do las etiquetas de script co­rre­s­po­n­die­n­tes en la posición deseada en una página:

Po­si­bi­li­dad 2. Insertar Ja­va­S­cri­pt en la cabecera de la página de WordPress

¿No quieres que la opción de insertar Ja­va­S­cri­pt en WordPress esté abierta de forma ge­ne­ra­li­za­da para todos los usuarios au­to­ri­za­dos? En este caso, también se puede trabajar con la in­te­gra­ción manual del script a través de la cabecera. De esta forma, el código debe ser insertado ma­nua­l­me­n­te en functions.php para que la au­to­ri­za­ción pueda ser es­ta­ble­ci­da in­di­vi­dua­l­me­n­te.

Si deseas incluir un script para toda la página web en la cabecera (por ejemplo, el código de una he­rra­mie­n­ta de tracking), añade la siguiente entrada al archivo de co­n­fi­gu­ra­ción del tema:

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

Por supuesto, también puedes incluir el código Ja­va­S­cri­pt deseado solo en una página. Para ello, solo ne­ce­si­ta­rás el ID de la página deseada, que se es­pe­ci­fi­ca con una sentencia if. Para una página de WordPress con un ID 5, por ejemplo, la entrada apropiada en functions.php sería así:

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

Antes de añadir el código Ja­va­S­cri­pt global a tu proyecto, asegúrate de crear una copia de seguridad de WordPress.

Po­si­bi­li­dad 3. Insertar Ja­va­S­cri­pt en el pie de página de WordPress

En lugar de insertar Ja­va­S­cri­pt en la cabecera de tu página web de WordPress, también puedes colocar los scripts en el pie de página. En este caso, sustituye el parámetro “wp_head” por “wp_footer”.

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

También con esta variante, los scripts solo pueden in­te­grar­se en páginas in­di­vi­dua­les añadiendo una sentencia if y es­pe­ci­fi­ca­n­do el 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
Consejo

Los plugins son una parte fu­n­da­me­n­tal de WordPress, pero ¿qué ex­te­n­sio­nes merecen realmente la pena? En nuestra Digital Guide en­co­n­tra­rás artículos sobre las más diversas ca­te­go­rías de plugins, incluidos los más populares:

Po­si­bi­li­dad 4. Usar Ja­va­S­cri­pt a través de un plugin de WordPress

Si no es posible o te resulta demasiado co­m­pli­ca­do adaptar el archivo del tema ma­nua­l­me­n­te, también puedes utilizar los plugins de WordPress para integrar Ja­va­S­cri­pt en tu proyecto. Una de las ex­te­n­sio­nes más populares para esto es Scripts n Styles. El plugin de script se instala de la siguiente manera:

  1. Inicia sesión en el backend de WordPress.
  2. Se­le­c­cio­na “Plugins” e “Instalar” uno tras otro en el menú de la izquierda.
  3. Busca “Scripts n Styles” y pulsa “Instalar ahora” en el resultado de la búsqueda co­rre­s­po­n­die­n­te.
  4. Tras la in­s­ta­la­ción, haz clic en “Activar”.
Imagen: Backend de WordPress: Instalación de “Scripts n Styles”
Backend de WordPress: In­s­ta­la­ción de “Scripts n Styles”

Tras la in­s­ta­la­ción, en­co­n­tra­rás el plugin Ja­va­S­cri­pt de WordPress en la sección “He­rra­mie­n­tas” del menú lateral izquierdo. Al abrir el menú de la extensión, podrás insertar fra­g­me­n­tos en HTML, CSS o Ja­va­S­cri­pt en tu proyecto de WordPress según tus ne­ce­si­da­des. Para Ja­va­S­cri­pt tienes tres opciones:

  • Co­f­fee­S­cri­pt
  • Skripts en cabecera (“for the head element”)
  • Skripts en pie de página (“end of the body element”)
Imagen: WordPress: Inserción de código JavaScript con el plugin “Scripts n Styles”
WordPress: Inserción de código Ja­va­S­cri­pt con el plugin “Scripts n Styles”.
Co­n­clu­sión

Puedes añadir más in­ter­ac­ti­vi­dad a tu proyecto de WordPress con código Ja­va­S­cri­pt. Si quieres dar a todos los usuarios la opción de incluir scripts, puedes des­ac­ti­var las etiquetas de script o utilizar un plugin. Como al­te­r­na­ti­va, los usuarios con acceso a funcionts.php tienen la opción de incrustar el código en los en­ca­be­za­dos o pies de página.

Ir al menú principal