Head & Footer Code

DescripciĂłn

El plugin Head & Footer Code te ayuda a agregar 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 agregarlo 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 agregar 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 agrega 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 video

Âż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 agregar 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

  1. Acceso a global: solo superadministrador y administrador
  2. Acceso a especĂ­fico de la entrada: superadministrador, administrador; opcional: editor y autor
  3. Acceso a especĂ­fico de categorĂ­a: solo superadministrador y administrador

Capturas de pantalla

InstalaciĂłn

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

Procedimiento estándar

  1. En el escritorio de WordPress, ve a Plugins → Agregar nuevo.
  2. Introduce head footer code en el campo Buscar plugins… y espera un momento.
  3. Localiza Head & Footer Code y haz clic en el botĂłn Instalar ahora.
  4. Después de la instalación correcta, haz clic en el botón Activar.
  5. Haz clic en el enlace Ajustes de Head & Footer Code o ve a Herramientas → Head & Footer Code.
  6. Agrega el cĂłdigo deseado a la secciĂłn de destino.

Procedimiento por FTP

  1. Haz clic en el botĂłn Descargar para obtener el paquete de instalaciĂłn de Head & Footer Code.
  2. Descomprime el archivo head-footer-code.zip en tu computador local.
  3. Sube todo el directorio head-footer-code al directorio /wp-content/plugins/ de tu servidor.
  4. En el escritorio de WordPress, ve a Plugins → Plugins instalados y haz clic en el enlace Activar del plugin Head & Footer Code.
  5. Haz clic en el enlace Ajustes de Head & Footer Code o ve a Herramientas → Head & Footer Code.
  6. Agrega 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 agregado 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

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!
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!
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.
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 los 53 comentarios

Colaboradores & Desarrolladores

“Head & Footer Code” es software de código abierto. Las siguientes personas han contribuido a este plugin.

Colaboradores

“Head & Footer Code” ha sido 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 .

Historial 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()
Sponsor
SponsoredKunjungi sekarang
Promo