homefinance blog
Google Label Manager (o GTM) es la mejor manera de incluir scripts en su instalación de WordPress. Desde una sola ubicación, puede agregar, modificar y eliminar scripts sin tocar su sitio. Y hace mucho más. Puede controlar cuándo y dónde se activa su código, en qué tipos de eventos desea seguir y activar, muchos más. Puede ahorrar muchos dolores de cabeza y mantenimiento futuros utilizando GTM. Sin embargo, el primer paso es instalar GTM en sí. Este tutorial le mostrará cómo hacer esto sin usar un complemento. También cubrimos la integración de Google Adsense con WordPress y la integración de Google Analytics. Casi todos los sitios en Internet le dirán que use un complemento de WordPress para hacer el trabajo. Sin embargo, si usted es el tipo de persona a la que le gusta mantener el uso del complemento al mínimo, ¡este tutorial es para usted! Cubriré dos cosas:
Configurar una cuenta con Google Manager
Insertar los dos fragmentos de código GTM
Entonces, ¡comencemos!
Paso 1: Creación de un nuevo panel de acceso GTM de acceso de Google Manager a https://tagmanager.google.com e inicie sesión. Si ya ha utilizado el administrador de etiquetas de Google, aquí verá una vista consolidada de sus cuentas. Crearemos una nueva cuenta para nuestro sitio web, y usaré mi propio sitio de prueba. Haga clic en “Crear su cuenta” como se muestra aquí:
Aquí, deberá ingresar los detalles de su cuenta. Déle un nombre que pueda reconocer entre muchos otros. Debido a que esta es una cuenta de prueba para mí, le doy el nombre “Sitio de prueba”. Seleccione su país en el cuadro desplegable, elija si desea o no compartir sus datos de forma anónima y haga clic en “Continuar”: aquí está el nombre del nombre de su sitio será el mismo que tiene la intención de incluir el código GTM para esta cuenta. No use “http” o “https” para calificar el nombre de su sitio. Simplemente comience con “www”, de lo contrario, lanzará un error. Retirar y cualquier barras oblicuas. Esto también es cuando elige dónde desea que GTM siga su sitio. Puede elegir entre varias aplicaciones como “Web”, “Android”, “AMP”, etc. Debido a que este tutorial es para la instalación en WordPress, seleccionaré “Web” y haré clic en “Crear”:
Esto lo llevará a una página de términos y condiciones que vuelan desde el lado derecho. Simplemente haga clic en “Sí” en la parte superior derecha y marque la casilla de verificación en la parte inferior:
Una vez que haya terminado con la legislación, se le ofrece el código insertado en su sitio web:
Es importante tener en cuenta que estas son dos piezas de código separadas:
El primero entra en la etiqueta “” de su sitio
El segundo entra en la etiqueta “.
Idealmente, ambos deben colocarse lo más alto posible en sus respectivas etiquetas. Por supuesto, cada pieza de código requiere inserción en una posición alta posible. Pero relájese, incluso si no es el primer fragmento en la cabeza o el cuerpo, no pasará nada. Funcionará bien. Sin embargo, debemos tratar de ponerlo lo más alto posible, sin comprometer nuestro sitio o funcionalidad. Usando no un complemento, tendremos que agregar código a nuestro archivo de funciones. La mayoría de los sitios le dirán que cambie el encabezado.php del tema para ingresar el código. Aunque esta es una posibilidad, hay dos problemas. En primer lugar, el consejo variará de un tema a otro. Aunque hay una estructura general de temas, no todos los temas funcionan igual. Por lo tanto, es peligroso proporcionar consejos sobre cómo cambiar los archivos de manera específica para el tema.
El segundo problema es que cada vez que se actualice el tema, eliminará los cambios que realice. Aquí tienes que crear un tema para el niño y prevenir esto. Incluso la inserción del código directo en las funciones.php del tema tiene el mismo problema. Por esta razón, le sugiero que tenga una fuente o complemento externo para todos los cambios de PHP de WordPress. De esta manera, no tiene que crear un tema infantil. ¡Pero debería ser de todos modos! Recomiendo encarecidamente usar un tema infantil para los cambios en las funciones.php. Si no lo hace, sus ediciones simplemente se eliminarán la próxima vez que se actualice el tema. La creación de un tema para el niño mismo supera el propósito de este artículo, pero hay muchos tutoriales excelentes que lo guiarán.
Esto mostrará una lista de archivos con temas a la derecha. Desplácese hacia abajo hasta que encuentre “funciones.php”. Haga clic en él y lo abrirá para editar en el área de texto. Ahora pegue lo siguiente en la parte inferior: la función add_gtm_to_ead () {
$ Google_head_cript = <<< EOD
(function (w, d, s, l, i) {w [l] = w [l] || []; w [l] .push ({‘gtm.Start’:
Nuevos datos ().
j = d.createement (s), dl = l! = ‘dataLayer’? ‘& l =’+l: ”; j.async = true; j.src =
“Https://www.googultagmanager.com/gtm.js?id=’+i+dl;
}) (ventana, documento, “script”, “dataLayer”, “gtm-xxxxxx”);
Eod;
Echo $ google_head_script;
}
add_action (‘wp_head’, ‘add_gtm_to_head’); function add_gtm_to_body ($ class) {
$ block = <<< EOD
Eod;
$ class [] = ‘”>’ .. kinstacdn.com/wp-content/uploads/2018/05/activate-presview-mode-for-google-tag-manager-700×349.png” alt = “habilitar el modo de vista previa Para Google Tag Manager “Width =” 700 “Height =” 349 ” />
Esto mostrará una barra naranja que indica que está en el modo de “solución de problemas” o “vista previa”. Ahora abra una página de su sitio en una nueva pestaña. Debería ver una barra emergente en la parte inferior que pertenece al Administrador de etiquetas de Google. Y en el lado derecho, debería ver su número GTM como se muestra aquí:
Si ve esa imagen y su número de Google Tag Manager, significa que ha integrado con éxito Google Tag Manager en su sitio de WordPress. ¡Y sin usar un solo complemento para hacer esto!
