{"id":29699,"date":"2021-06-21T12:49:00","date_gmt":"2021-06-21T09:49:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=29699"},"modified":"2021-10-17T16:14:38","modified_gmt":"2021-10-17T13:14:38","slug":"como-agregar-codigo-despues-de-la-etiqueta-del-cuerpo-en-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-agregar-codigo-despues-de-la-etiqueta-del-cuerpo-en-wordpress\/","title":{"rendered":"C\u00f3mo agregar c\u00f3digo despu\u00e9s de la etiqueta del cuerpo en WordPress"},"content":{"rendered":"

En el sitio web, normalmente necesitamos insertar un c\u00f3digo despu\u00e9s de la etiqueta del cuerpo. Normalmente, este es un c\u00f3digo JavaScript invisible dentro de una etiqueta de secuencia de comandos. Los servicios externos como Google Analytics, Google Tag Manager, Google Adsense, Facebook, etc. le brindan un script que debe agregarse antes del cierre de la etiqueta principal y despu\u00e9s de la apertura inmediata del elemento del cuerpo.<\/p>\n

WordPress proporciona una wp_head()<\/code>funci\u00f3n que se utiliza para inyectar c\u00f3digo antes de cerrar la etiqueta principal. Otra funci\u00f3n proporcionada por WordPress es la wp_footer()<\/code>que se usa para agregar c\u00f3digo antes del cierre del elemento del cuerpo (no despu\u00e9s de que el cuerpo se abra). Hasta ahora, los desarrolladores de WordPress usan wp_footer() para inyectar c\u00f3digo en la etiqueta del cuerpo o agregar c\u00f3digo de forma est\u00e1tica despu\u00e9s de la apertura del elemento del cuerpo. Pero no se recomiendan estas dos opciones.<\/p>\n

Agregar c\u00f3digo de forma est\u00e1tica tiene sentido seg\u00fan las recomendaciones de servicios externos. Pero esta t\u00e9cnica nos impedir\u00eda actualizar un tema.<\/p>\n

Afortunadamente, WordPress 5.2 introduce una nueva funci\u00f3n llamada wp_body_open()<\/code>. Esta funci\u00f3n desencadena una wp_body_open<\/code>acci\u00f3n y es \u00fatil para colocar c\u00f3digo despu\u00e9s de la apertura del elemento del cuerpo. Dicho esto, veamos c\u00f3mo inyectar c\u00f3digo inmediatamente despu\u00e9s de abrir una etiqueta de cuerpo en WordPress.<\/p>\n

Agregar c\u00f3digo despu\u00e9s de la etiqueta del cuerpo en WordPress<\/h3>\n

Si est\u00e1 utilizando la \u00faltima versi\u00f3n de WordPress, debe agregar el wp_body_open()<\/code>m\u00e9todo junto a la etiqueta de su cuerpo como se muestra a continuaci\u00f3n.<\/p>\n

<body <?php body_class(); ?>>\n<?php wp_body_open(); ?><\/code><\/pre>\n
Despu\u00e9s de esto, puede usar la acci\u00f3n wp_body_open<\/code>para agregar su c\u00f3digo en el lugar de wp_body_open()<\/code>. En otras palabras, puede inyectar su c\u00f3digo inmediatamente despu\u00e9s de abrir la etiqueta del cuerpo. Puede utilizar esta acci\u00f3n de la siguiente manera:<\/p>\n
add_action('wp_body_open', 'add_code_on_body_open');\nfunction add_code_on_body_open() {\n\u00a0\u00a0\u00a0\u00a0echo '<script>Your code here<\/script>';\n}<\/code><\/pre>\n
\u00a1Eso es! Es as\u00ed de simple. Este c\u00f3digo funciona bien con la versi\u00f3n de WordPress> = 5.2. Si est\u00e1 utilizando una versi\u00f3n anterior de WordPress, puede definir el wp_body_open<\/code>m\u00e9todo de la siguiente manera.<\/p>\n
if (! function_exists( 'wp_body_open')) {\n\u00a0\u00a0\u00a0\u00a0function wp_body_open() {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0do_action( 'wp_body_open' );\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n
Ahora, agregue el m\u00e9todo wp_body_open()<\/code>despu\u00e9s del elemento body y use la misma acci\u00f3n que se muestra arriba.<\/p>\n
Esta es una forma limpia y eficiente de inyectar su c\u00f3digo despu\u00e9s de la apertura de la etiqueta del cuerpo. Animo a los desarrolladores de WordPress a utilizar esta t\u00e9cnica en sus sitios web. Lea m\u00e1s sobre esta actualizaci\u00f3n en la documentaci\u00f3n<\/a>.<\/p>\n
Art\u00edculos relacionados<\/h4>\n