Avisos
Vaciar todo

¿Como insertar código en el header de todas las páginas sin que está se pierda posteriormente en actualizaciones?  

Página 1 / 2
 
Thania
 Thania
Usuario eminente

Me interesa realizar una campaña de remarketing pero se me solicita lo siguiente,
instrucciones
La etiqueta de Google Ads se reemplazó por una etiqueta global del sitio. Para configurar el remarketing, deberá agregar la etiqueta global del sitio a su sitio web. Si bien sus etiquetas de remarketing anteriores seguirán funcionando, le recomendamos que utilice la etiqueta nueva. Más información
Nota: Para quitar un parámetro de su etiqueta de Google Ads, quite el parámetro correspondiente al instalar la etiqueta de evento.
Etiqueta global del sitio
La etiqueta global del sitio agrega visitantes a sus listas de remarketing básicas y establece cookies nuevas en su dominio, las cuales almacenarán información sobre el clic en el anuncio que llevó a un usuario a su sitio. Debe instalar esta etiqueta en todas las páginas de su sitio web.
help_outline
Copie la siguiente etiqueta y péguela entre las etiquetas <head></head> de todas las páginas de su sitio web. Solo debe instalar la etiqueta global del sitio una vez por cuenta. Esta se puede utilizar tanto con fragmentos de evento de remarketing como con fragmentos de evento de conversión.

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

gtag('config', 'AW-709286940');
</script>

 

No sé como colocarlo en mis páginas ¿alguna idea?

Citar
Respondido : 25/03/2020 4:23 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

La manera más simple sería que uses algún plugin de Snippets, instala este plugin por ejemplo:

https://wordpress.org/plugins/code-snippets/

Verás que el plugin permite también la inserseción de código javascript, que es el que te han enviado.

El plugin viene con algunos snippets de ejemplo usa el de javascript en la cabecera y cambia el código javascript de ese snippet.

Si tienes dudas envíanos algunas capturas de pantalla.

Saludos.

ResponderCitar
Respondido : 25/03/2020 5:03 pm

Thania
 Thania
Usuario eminente

@jmarreros

Excelente, me encanta la idea, peor hay una manera de insertar en código o algo

ResponderCitar
Respondido : 25/03/2020 7:42 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

peor hay una manera de insertar en código o algo

Te refieres a insertar en un archivo?, no me queda del todo claro a qué te refieres.

Saludos.

ResponderCitar
Respondido : 25/03/2020 7:56 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Thania
 Thania
Usuario eminente

@jmarreros

ah que si hay alguna manera de insertar el snippet sin necesidad de un pluggin o esa sería la mejor manera?

ResponderCitar
Respondido : 25/03/2020 8:52 pm
Thania
 Thania
Usuario eminente

lo que pude realizar sin tener error fue insertarlo en el header.php de mi tema pero desconozco si eso funciona o si con laguna actualización posterior este se borré

head1

 

ResponderCitar
Respondido : 25/03/2020 9:11 pm

Cursos Gratuitos WordPress

Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@mktdig-thanosgmail-com

Hola Thania, 

En ese caso lo ideal, es que pegues el código una línea justo arriba de la etiqueta de cierre </body>.

Si no estás utilizando un child theme o tema hijo es muy probable que al actualizar el tema esos cambios se pierdan, por ello o creas un Child theme y le incluyes el archivo Header.php o utilizas un plugin tipo code snippets. 

Te comparto el siguiente artículo de nuestro blog donde explicamos la creación del child theme -> crear-temas-hijo-child-themes-en-wordpress.html

Saludos 🙂

 

Esta publicación ha sido modificada el hace 4 años 2 veces por Bulmaro
ResponderCitar
Respondido : 25/03/2020 9:21 pm
Thania
 Thania
Usuario eminente

Hola,muchas gracias por la ayuda, ya cree un tema hijo y cree el header.php este e smi resultado ¿así estaría bien?

header 2

 

ResponderCitar
Respondido : 25/03/2020 10:19 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Thania
 Thania
Usuario eminente

@bulmaro-webempresa Hola,muchas gracias por la ayuda, ya cree un tema hijo y cree el header.php este es mi resultado ¿así estaría bien?

deje la imagen en un comentario anterior, gracias por su atención y apoyo.

 

ResponderCitar
Respondido : 25/03/2020 10:28 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@mktdig-thanosgmail-com

Hola Thania, 

No, lo ideal es crear una copia del header.php original, el de tu tema, con la misma estructura de directorios.

Por ejemplo, si tu header.php de tu tema se cuenta en /public_html/raiz_de_tu_web/wp-content/themes/tu_tema/_partials/header.php

Debes crear una copia de ese archivo de la siguiente manera

/pblic/html/raiz_de_tu_web/wp-content/themes/tu_child/theme_partials/header.php

Saludos 🙂

Esta publicación ha sido modificada el hace 4 años por Bulmaro
ResponderCitar
Respondido : 25/03/2020 10:49 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Thania
 Thania
Usuario eminente

@bulmaro-webempresa

Muchas, gracias ya lo he copiado, solo que mi header no se hallaba en ninguna carpeta llamada partials, solo estaba ahí, en fin, pero no encuentro la etiqueta de cierre de body para colocar mi etiqueta

esto e stodo lo que tengo en mi header.php

 

<?php
/**
* The template for displaying the header
*
* Displays all of the head element and everything up until the page header div.
*
* @package Neve
* @since 1.0.0
*/

$header_classes = apply_filters( 'nv_header_classes', 'header' );
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>

<head>

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

gtag('config', 'AW-709286940');
</script>

<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<?php if ( is_singular() && pings_open( get_queried_object() ) ) : ?>
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php endif; ?>
<?php wp_head(); ?>
</head>

<body <?php body_class(); ?> <?php echo wp_kses( apply_filters( 'neve_body_data_attrs', '' ), array( '[class]' => true ) ); ?>>
<?php wp_body_open(); ?>
<div class="wrapper">
<header class="<?php echo esc_attr( $header_classes ); ?>" role="banner">
<a class="neve-skip-link show-on-focus" href="#content" tabindex="0">
<?php echo __( 'Skip to content', 'neve' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
</a>
<?php
neve_before_header_trigger();
if ( apply_filters( 'neve_filter_toggle_content_parts', true, 'header' ) === true ) {
do_action( 'neve_do_header' );
}
neve_after_header_trigger();
?>
</header>
<?php do_action( 'neve_before_primary' ); ?>

<main id="content" class="neve-main" role="main">

<?php
do_action( 'neve_after_primary_start' );

ResponderCitar
Respondido : 26/03/2020 12:02 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@mktdig-thanosgmail-com

Hola Tania,

Una disculpa, no era la etiqueta de cierre de body, si no de head:

<?php wp_head(); ?>

//insertalo justo aqui

</head>

Lo de _partials era solo un ejemplo de una de las muchas maneras en que podrías encontrar el header.php según la estructura de tu template.

Saludos

ResponderCitar
Respondido : 26/03/2020 12:09 am

Thania
 Thania
Usuario eminente

@bulmaro-webempresa

de maravilla, esos ajustes me han funcionado ¿ de igual manera podría colocar en ese mi snippet de analytics, cierto? me han ayudado mucho

ResponderCitar
Respondido : 26/03/2020 5:15 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Thania

podría colocar en ese mi snippet de analytics, cierto? 

Si, todo lo que quieras añadir en el Header lo puedes hacer en el archivo del tema hijo y lo mismo puedes hacer con otros archivos que quieras modificar.

 

Un saludo

ResponderCitar
Respondido : 26/03/2020 6:52 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Thania
 Thania
Usuario eminente

@pepesoler

me aprece genial, muchas gracias, aún tengo algunas dudas de como identificar archivos específicos formados en pluggins o con elementor ¿cómo puedo guiarme para ubicarlos?

ResponderCitar
Respondido : 26/03/2020 6:58 pm
Página 1 / 2