Avisos
Vaciar todo

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

16 Respuestas
4 Usuarios
0 Reactions
29 Visitas
Respuestas: 22
Eminent Member
Topic starter
 

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?


 
Respondido : 25/03/2020 4:23 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 25/03/2020 5:03 pm
Respuestas: 22
Eminent Member
Topic starter
 

@jmarreros

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


 
Respondido : 25/03/2020 7:42 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 25/03/2020 7:56 pm
Respuestas: 22
Eminent Member
Topic starter
 

@jmarreros

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


 
Respondido : 25/03/2020 8:52 pm
Respuestas: 22
Eminent Member
Topic starter
 

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

 


 
Respondido : 25/03/2020 9:11 pm
Bulmaro
Respuestas: 4380
Famed Member 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 5 años 2 veces por Bulmaro
 
Respondido : 25/03/2020 9:21 pm
Respuestas: 22
Eminent Member
Topic starter
 

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

 


 
Respondido : 25/03/2020 10:19 pm
Respuestas: 22
Eminent Member
Topic starter
 

@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.

 


 
Respondido : 25/03/2020 10:28 pm
Bulmaro
Respuestas: 4380
Famed Member 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 5 años por Bulmaro
 
Respondido : 25/03/2020 10:49 pm
Respuestas: 22
Eminent Member
Topic starter
 

@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' );


 
Respondido : 26/03/2020 12:02 am
Bulmaro
Respuestas: 4380
Famed Member 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


 
Respondido : 26/03/2020 12:09 am
Respuestas: 22
Eminent Member
Topic starter
 

@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


 
Respondido : 26/03/2020 5:15 pm
Pepe
 Pepe
Respuestas: 41120
Illustrious Member 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


 
Respondido : 26/03/2020 6:52 pm
Respuestas: 22
Eminent Member
Topic starter
 

@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?


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