Descripción

El plugin Head & Footer Code te ayuda a añadir fragmentos de código personalizado (JavaScript, CSS o HTML) a la página incluso si no eres programador. Puede ser dentro de <head> (código de verificación del sitio para varios servicios, estilos personalizados, meta o enlace de Webfont), justo después de la apertura de <body> (código de seguimiento de píxeles, analítica o mapas de calor) o justo antes de la etiqueta de cierre </body>.

Ve a Herramientas → Head & Footer Code en el escritorio de WordPress. Inserta el código personalizado en la sección HEAD, BODY o FOOTER (según lo que tengas que hacer).

Toda la magia se hace enganchándose a los hooks de WordPress wp_head, wp_footer y wp_body_open.

💡 Prueba el plugin Head & Footer Code en un sitio web de prueba gratuito antes de añadirlo a tu proyecto: Pruébalo ahora.

Se admiten varios fragmentos de código, entre otros:

Google Analytics 4
Google Tag Manager
Conversión de Google Ads
Lite Analytics
Facebook / Meta Pixel
Hotjar
FullStory
Verificación del sitio con Google
Verificación del sitio con Bing
Verificación del sitio con Yandex
Verificación del sitio con Alexa

Página de inicio en modo entradas del blog

Si tu WordPress muestra las últimas entradas del blog en la página de inicio, también puedes añadir código específico solo para la página de inicio en Herramientas → Head & Footer Code (allí aparecerá la sección Código de HEAD, BODY y FOOTER en la página de inicio en modo entradas del blog)

Código específico de entrada

Para insertar código personalizado específico para una entrada individual (entrada, página o tipo de entrada personalizado), usa el metabox específico de entrada mientras editas la entrada, página o tipo de entrada personalizado (consulta las capturas de pantalla). Allí elige si ese código específico se añade al código para todo el sitio definido en Herramientas → Head & Footer Code, o si lo sustituye.

Código específico de categoría

También puedes definir un código específico de categoría en cada categoría individual.

Otras taxonomías (etiqueta y taxonomía personalizada) no tienen disponible su código específico, pero para ellas se usa un código global.

Guía en vídeo

¿Necesitas nuestro soporte?

Si Head & Footer Code no funciona en tu proyecto, por favor avísanos abriendo un nuevo ticket de soporte en el foro de la comunidad y describe qué no funciona y cómo reproducir el problema. Nos aseguraremos de resolver el problema lo antes posible.

Si Head & Footer Code te resulta útil para tu proyecto, por favor valora el plugin.

Características

¡Compatible con multisitio y PHP 8.5!
Establece contenido personalizado para todo el sitio en:
- sección HEAD de la página (antes de </head>)
- sección BODY (después de <body>): ¡requiere WordPress 5.2!
- sección FOOTER de la página (antes de </body>)
Página de inicio en modo entradas del blog:
- establece código personalizado específico de la página de inicio para HEAD, BODY y/o FOOTER
- Alternar el código personalizado específico de la página de inicio en las páginas de inicio paginadas (página 2, 3, etc.)
Establece código personalizado específico de la entrada para:
- sección HEAD de la página (antes de </head>)
- sección BODY (después de <body>): ¡requiere WordPress 5.2!
- sección FOOTER de la página (antes de </body>)
Establece código personalizado específico de categoría para HEAD, BODY y/o FOOTER de la página
Elige la prioridad del código personalizado impreso en las secciones HEAD, BODY y FOOTER (un número más bajo significa más lejos de </head> y </body> y más cerca de <body>, un número más alto significa más cerca de </head> y </body> y más lejos de <body>)
Elige qué tipos de entrada tendrán activados los campos específicos de entrada para HEAD, BODY y FOOTER
Elige si el código específico de entrada para HEAD, BODY y FOOTER se debe añadir al código para todo el sitio, o si debe sustituir al código para todo el sitio
Mostrar en el listado de entradas, páginas y tipos de entrada personalizados si la entrada tiene definido algún código personalizado específico
La sección para todo el sitio se encuentra en Herramientas > Head & Footer Code
Si has establecido la constante WP_DEBUG en wp-config.php como true, verás las entradas para todo el sitio y específicas de entrada en el código fuente de la página envueltas en comentarios.
[NUEVO] permite a los roles de usuario sin privilegios, editor y autor, gestionar el código específico de la entrada en un sitio individual y en multisitio (desactivado por defecto)

Datos almacenados en la base de datos

Los ajustes generales (código global de HEAD, BODY, FOOTER y prioridad, código y comportamiento de la página de inicio) se guardan en la opción de WordPress auhfc_settings.
El código y comportamiento específicos de HEAD, BODY y FOOTER para cada entrada, página o tipo de entrada personalizado se guardan en el meta de la entrada _auhfc.
El código y comportamiento específicos de HEAD, BODY y FOOTER para cada categoría se guardan en el meta de la taxonomía _auhfc.

Durante el proceso de desinstalación, todos estos datos se han eliminado de la base de datos.
Si deseas reinstalar el plugin, NO LO DESINSTALES, sino desactívalo, elimina el directorio /wp-content/plugins/head-footer-code y luego vuelve a instalar el plugin.

Permisos en WordPress multisitio

Acceso a global: solo superadministrador y administrador
Acceso a específico de la entrada: superadministrador, administrador; opcional: editor y autor
Acceso a específico de categoría: solo superadministrador y administrador

Capturas

Recuadro de Head & Footer Code en los resultados de búsqueda de plugins

Página de ajustes del plugin (para todo el sitio, página de inicio y tipos de entrada para artículos) — Recuadro de Head & Footer Code en los resultados de búsqueda de plugins

Instalación

La instalación de Head & Footer Code es tan fácil como la de cualquier otro plugin de WordPress.

Procedimiento estándar

En el escritorio de WordPress, ve a Plugins → Añadir nuevo.
Introduce head footer code en el campo Buscar plugins… y espera un momento.
Localiza Head & Footer Code y haz clic en el botón Instalar ahora.
Después de la instalación correcta, haz clic en el botón Activar.
Haz clic en el enlace Ajustes de Head & Footer Code o ve a Herramientas → Head & Footer Code.
Añade el código deseado a la sección de destino.

Procedimiento por FTP

Haz clic en el botón Descargar para obtener el paquete de instalación de Head & Footer Code.
Descomprime el archivo head-footer-code.zip en tu ordenador local.
Sube todo el directorio head-footer-code al directorio /wp-content/plugins/ de tu servidor.
En el escritorio de WordPress, ve a Plugins → Plugins instalados y haz clic en el enlace Activar del plugin Head & Footer Code.
Haz clic en el enlace Ajustes de Head & Footer Code o ve a Herramientas → Head & Footer Code.
Añade el código deseado a la sección de destino.

FAQ

En una red WordPress, un usuario administrador, editor o autor recibe el error de validación de código «Tag is not allowed».

No es un fallo, es una medida de seguridad del núcleo de WordPress.

Si deseas eliminar los errores de sugerencia para el rol de administrador, asegúrate de permitir la capacidad unfiltered_html para ese rol (Google es tu amigo).

¿Se admite código PHP en los fragmentos de código?

Como es un riesgo de seguridad, Head & Footer Code no procesa el código PHP si se introduce en cualquier campo del plugin (global o específico de entrada).

Cualquier contenido añadido a los campos de HFC se imprime en el frontend tal cual.

He introducido código en la sección BODY, pero no se muestra nada en el frontend

Esta función está implementada desde la versión 5.2 de WordPress y requiere compatibilidad con el tema.

Para asegurarte de que el tema que usas es compatible con el hook wp_body_open, abre en el editor de código el archivo header.php del tema que usas y comprueba si justo después de la etiqueta de apertura <BODY> aparece el siguiente código (si no existe, añádelo o pide a algún desarrollador que lo haga por ti):

if ( function_exists( 'wp_body_open' ) ) {
    wp_body_open();
}

¿Dónde informo de los fallos de seguridad encontrados en este plugin?

Por favor, informa de los fallos de seguridad encontrados en el código fuente del plugin Head & Footer Code a través del Programa de divulgación de vulnerabilidades de Patchstack. El equipo de Patchstack te ayudará con la verificación, la asignación de CVE y notificará a los desarrolladores de este plugin.

Reseñas

alangrah 31 de mayo de 2025

Have used this plug-in reliably for years. Found a bug in the most recent version, reported it, and had it fixed within a few hours. Love that!

tamertsl 24 de abril de 2025

Thank you, you deserve 10 stars.

Ryn 20 de abril de 2025 1 respuesta

I’ve been using this plugin for around two to three years now across three different sites I use to run my creative projects as a small-time writer. Of these sites, one is a writing and blogging page, and the other serves as a short link for social media sharing. I rely on being able to build accurate rich previews using meta tags, so when I share on social media, the correct information is supplied. This plugin allows me to edit the header codes for each page and post directly by a simple custom box at the bottom of each editing page. Simple to use and set up with the settings provided, I can fine-tune each rich preview and schema document to the specifics for each new piece I create to help drive traffic to my site and improve my SEO (which I prefer to manage on my own terms). I’ve relied on this plugin for so long that nothing else can replace it. It’s simple, tidy, and non-intrusive, which are highlights of this plugin. The user interface aligns with the WordPress back-end theme, is clear and easy to understand, and offers seamless integration with my workflow. In the instances where I’ve had to reach out for support, I’ve had a great experience working with the plugin author to resolve any issues that have occurred, which is a credit to their work and development. Overall, if you need a straightforward, does-what-it-says-on-the-tin plugin to allow for customization of your header/footer coding for individual pages and posts (as well as globally to your site, if you need to add in Google Analytics or other coding to your site/project in general), this plugin is highly recommended. Thank you for your continued development of this plugin, and for the work that you do!

Kakemphaton 13 de abril de 2025

I have been using this plugin over many years, and it is absolutely great! :-)I once signaled a bug to the developer, and it was fixed within an hour! Thank you!

vgstudios 18 de noviembre de 2024 1 respuesta

Thank you for your great plugin. Also for handling the forum topic and fixing a small problem with new WordPress 6.7 version.

a11c 19 de mayo de 2024

3 years ago I asked the plugin developer Aleksandar to consider a feature to allow shortcode usage in the head. He not only implemented the feature, it was added way faster than anyone could ever expect 👍 and provided guidance to avoid potential issues. Thank you very much for this support and addition. Also, I’m extremely sorry for not replying to the support thread and not being able to provide testing for the feature.

Leer todas las 53 reseñas

Colaboradores y desarrolladores

«Head & Footer Code» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

«Head & Footer Code» está traducido en 9 idiomas. Gracias a los traductores por sus contribuciones.

Traduce «Head & Footer Code» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.5.9 (2026-08-31)

Fix: JSON-LD and other article/category specific code saved before 1.5.8 could show backslash-escaped quotes; display is now corrected automatically without modifying stored post/term meta (thanks @sheenaljain for report)

1.5.8 (2026-08-16)

Fix: WP Plugin Check errors and warnings
Test: WordPress 7.1-RC3 and Twenty Twenty-Five 1.5 and Twenty Fifteen 4.2
Improve: Additional layer of protection for post and taxonomy meta boxes against unpriviledged roles

1.5.7 (2026-04-01)

Improve: Allow Programmable Search Engine tags (PageMap, DataObject and Attribute)
Test: WordPress 7.0-RC2

1.5.6 (2026-03-23)

Fix: update routine 10 infinite loop on sites with huge number of posts (10k+)
Test: WordPress 7.0-beta6

1.5.5 (2026-03-11)

Fix: Remove set_time_limit from update.php to prevent fatal error on servers where it’s disabled

1.5.4 (2026-03-10)

New: Add dynamic support for all public taxonomies (eg, Tags, Product Categories)
Fix: There was no Settings saved. notification
Fix: Allow id, dir, class and data-* attribute for script, style, link and iframe tags.
Change: Move review CTA to the bottom of the Settings page
Change: Increased minimum requirements to WordPress 5.2 and PHP 5.6
Cleanup: Removed wp_body_open fallback (no longer needed with WP 5.2+ requirement)
Improve: Introduce Plugin_Info class for cleaner constant management
Optimize: Internal code refactoring for better maintainability and naming clarity

1.5.3 (2026-03-07)

Fix: Allow display and visibility CSS properties for KSES
Fix: Category specific code was double escaped
Improve: DRY Front rendering
Improve: DRY plugin activation handling
Improve: Post grid custom code indicators
Improve: Resolve some PCP errors and warnings
Test: PHP 8.4.15, WordPress 6.9.1, Twenty Twenty-Five 1.4
Test: PHP 8.5.3, WordPress 7.0-beta3, Twenty Twenty-Five 1.4
Test: PHP 5.6.20, WordPress 5.2.23, Twenty Ninetin 1.4

1.5.2 (2026-03-04)

Fix: Allow all W3C standard attributes for iframe
Test: WordPress 7.0-beta2

1.5.1 (2026-02-23)

Fix: Code editor missing on categories
Cleanup: Remove debugging info
Update: Screenshots

1.5.0 (2026-02-22)

Test: WordPress 7.0-beta1, Twenty Twenty-Five 1.4, PHP 8.5.3
Fix: Missing code editor when creating a new article
Fix: Incorrect use of
Improve: Security (validate settings save data, better code filtering with included opening SCRIPT and STYLE tags)
Optimize: Code editor on articles
Optimize: Settings maintainability

1.4.6 (2025-12-01)

Test: WordPress 6.9RC3, Twenty Twenty-Five 1.3, PHP 8.4.15

1.4.5 (2025-06-13)

Fix: Compatibility with Jetpack > Writing > Composing > Compose using shortcode to embed media from popular sites
Fix: Automatic conversion of false to array is deprecated in update.php
Test: WordPress 6.8.1, Twenty Twenty-Five 1.2, Jetpack 14.7

1.4.4 (2025-05-31)

Fix: Relaxed filtering to allow preloadans security/privacy attributes.

1.4.3 (2025-04-30)

Fix: Relaxed filtering to allow blocks with <, >, => characters and type="application/ld+json" for structured data (rich snippets), following stricter sanitization introduced in 1.4.0.

1.4.2 (2025-04-20)

Fix: meta tag broken by security introduced in 1.4.0

1.4.1 (2025-04-13)

Fix: hreflang link broken by security introduced in 1.4.0

1.4.0 (2025-04-12)

Test: WordPress 6.8-RC3, Twenty Twenty-Five 1.1, Twenty Twenty-Three 1.6, Astra 4.9.2 and PHP 8.3.17
Test: WordPress 4.9.26, Twenty Seventeen 1.7 and PHP 5.5.38
Unclutter Settings page
Improve: Security
Improve: Refactor and reorganise codebase
- auhfc_settings() -> Techwebux\Hfc\Main::settings()
- auhfc_is_homepage_blog_posts() -> Techwebux\Hfc\Common::is_homepage_blog_posts()
- auhfc_add_to_homepage_paged() -> Techwebux\Hfc\Common::add_to_homepage_paged()
- sanitize_html_classes() -> Techwebux\Hfc\Common::sanitize_html_classes()
- auhfc_allowed_code() -> Techwebux\Hfc\Common::allowed_html()
- auhfc_form_allowed_code() -> Techwebux\Hfc\Common::form_allowed_html()
- auhfc_html2code -> Techwebux\Hfc\Common::html2code()
- auhfc_get_meta() -> Techwebux\Hfc\Common::get_meta()
- auhfc_get_post_type() -> Techwebux\Hfc\Common::get_post_type()
- auhfc_print_sitewide() -> Techwebux\Hfc\Common::print_sitewide()
- auhfc_out() -> Techwebux\Hfc\Common::out()
- auhfc_head_note() -> Techwebux\Hfc\Settings::head_note()
- auhfc_body_note() -> Techwebux\Hfc\Settings::body_note()

Quick turn-around on bug report