Agregue c贸digo JavaScript f谩cilmente a WordPress

Nos preguntan regularmente agregue piezas de c贸digo o JavaScript a nuestro WordPressEsto puede ser un an谩lisis, un administrador de etiquetas, un seguimiento de Google Ads o para configurar el p铆xel de Facebook.

Por defecto, WordPress no nos permite agregar c贸digo directamente a las publicaciones. En este art铆culo, le mostraremos c贸mo agregar f谩cilmente JavaScript a las p谩ginas o art铆culos de su WordPress.

Agregar c贸digo Js en WordPress

驴Cu谩l es el c贸digo Javascript? ?

JavaScript (a menudo abreviado como “JS”) es un lenguaje de script ligero, orientado a objetos, mejor conocido como el lenguaje de script de p谩gina web. Pero tambi茅n se usa en muchos entornos fuera de los navegadores web como Node.js, Apache CouchDB o incluso Adobe Acrobat.

Aqu铆 hay un ejemplo de JavaScript:

<script type="text/javascript"> 
// JavaScript code
</script>

<!-- Autre Exemple: --!> 
<script type="text/javascript" src="https://wpformation.com/chemin/vers/autre-script.js"></script>

Es posible que tambi茅n necesitemos agregar script, siempre en JS para nuestros anuncios de Google, por ejemplo:

<!-- Global site tag (gtag.js) - Google Ads: 5568421-->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-5568421"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-5568421');
</script>

Agregue c贸digo JS a todos sus contenidos con un complemento

Si necesita, por ejemplo, agregar el c贸digo de instalaci贸n de Google Analytics que debe estar presente en cada p谩gina de su WordPress para rastrear a los visitantes de su sitio, puede agregar este c贸digo directamente a los archivos header.php o footer.php de tu tema de WordPress.

Sin embargo, estos cambios ser谩n reemplazados cuando actualice o modifique su tema. En este caso, es a煤n mejor crear un tema para ni帽os.

Nota : Algunos complementos de SEO o temas premium a veces permiten agregar script directamente desde su configuraci贸n.

Inserte encabezados y pies de p谩gina

Tambi茅n puede usar un complemento para esto. Para obtener m谩s detalles, consulte nuestra gu铆a paso a paso sobre c贸mo instalar un complemento de WordPress.

El complemento Inserte encabezados y pies de p谩gina le permite simplemente insertar c贸digo como el de Google Analytics, CSS personalizado, p铆xeles de Facebook y a煤n m谩s en el encabezado del sitio de WordPress o en el pie de p谩gina. No es necesario modificar sus archivos de tema para esto !

Inserte encabezados y pies de p谩gina

Control de guiones LuckyWP

El complemento Control de guiones LuckyWP es otra alternativa que le permite insertar y administrar c贸digo personalizado en WordPress.

Puede insertar el c贸digo de Google Analytics, una consola de b煤squeda meta google, un p铆xel de Facebook, un CSS / JS personalizado y otros c贸digos sin cambiar los archivos de su tema.

Control de guiones LuckyWP

Adem谩s de una interfaz m谩s cuidadosa para el segundo, estos 2 complementos son similares en todos los aspectos y ofrecen las mismas funcionalidades.

Agregar JavaScript para un art铆culo espec铆fico o p谩gina de WordPress

Suponga que solo desea cargar este JavaScript en un art铆culo o en una p谩gina espec铆fica de WordPress y no en todo el sitio. Esto es, por ejemplo, necesario para seguir Adwords, puede hacerlo simplemente siguiendo uno de los 2 m茅todos a continuaci贸n.

Agregue c贸digo JavaScript manualmente

Para hacer esto, deber谩 agregar l贸gica condicional al c贸digo. Deber谩 poner el siguiente c贸digo en su archivo functions.php del tema.聽Eche un vistazo al siguiente ejemplo:

function wpb_hook_javascript() {
if (is_single ('22')) { 
        ?>
<script type="text/javascript">
// votre code JavaScript ici
</script>
    <?php
    }
}
add_action('wp_head', 'wpb_hook_javascript');

Nota: En lugar de es solo, usar is_page para buscar una ID de p谩gina espec铆fica

Puede usar el mismo c贸digo, con una ligera modificaci贸n, para agregar c贸digo JavaScript no en el encabezado sino en el pie de p谩gina del sitio.

function wpb_hook_javascript_footer() {
?>
<script>
// votre code JavaScript ici
</script>
    <?php
  }
add_action('wp_footer', 'wpb_hook_javascript_footer');

En lugar de colgar la funci贸n wp_head, ahora est谩 apegada a wp_footerTambi茅n puede usarlo con etiquetas condicionales para agregar JavaScript a publicaciones o p谩ginas espec铆ficas.

Agregue c贸digo JavaScript usando un complemento de WordPress

El complemento C贸digo incrustado le permite incorporar c贸digo (JavaScript y HTML) en una publicaci贸n de art铆culo o p谩gina, sin que el editor cambie el contenido.

La integraci贸n global le permite configurar un c贸digo en una publicaci贸n o p谩gina, luego acceda a 茅l desde otro, modificar las palabras clave o los identificadores utilizados para integrar el c贸digo, buscar c贸digo de integraci贸n a trav茅s de una opci贸n, agregue un sufijo simple al c贸digo de integraci贸n para convertir los videos o para incorporar un script externo directamente usando la URL

C贸digo incrustado

Al activar el complemento Incrustar c贸digo, deber谩 modificar el art铆culo o la p谩gina donde desea agregar JavaScript. En la p谩gina de publicaci贸n, haga clic en el bot贸n “Opciones de ecran “y marque la opci贸n” Campos personalizados “.

Customfieldsbox

Ahora puede usar este campo personalizado para incorporar el c贸digo JavaScript en cualquier lugar de su publicaci贸n. Simplemente agregue el siguiente c贸digo corto al contenido: {{CODemoncodejs}}

Ahora puede guardar su elemento o p谩gina y ver el sitio. Aseg煤rese de que el c贸digo JavaScript est茅 presente inspeccionando el c贸digo fuente en la p谩gina.

Conclusi贸n

Espero que este art铆culo le haya ayudado a agregar f谩cilmente c贸digo JavaScript a sus p谩ginas o a sus art铆culos de WordPress.

Sin embargo, en el mismo momento en que escribo este art铆culo, me di cuenta de que es posible agregar JavaScript en una p谩gina o un art铆culo sin ninguna otra forma de prueba que poner este c贸digo del editor WordPress en modo “Texto”. “con mi editor cl谩sico.

Lo que me da esto :

No Plugin Editor WordPress

Aqu铆 el script se coloca al final de la p谩gina y funciona perfectamente. Sic !

Debo se帽alar aqu铆 que mi complemento de seguridad de WordFence vio rojo e inmediatamente me alert贸 sobre la adici贸n de c贸digo al contenido mientras me preguntaba si lo permitir铆a: p

Sin embargo, esta no es una buena pr谩ctica y queda por verificar ^^

Te puede interesar:  C贸mo cambiar su "fuente" o fuente en WordPress ?

Deja una respuesta

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *

Share This