Insertar código de Google Analytics en WordPress

| 05/02/2011 | Comments (13)

  • Es probable que si estamos gestionando un sitio en wordpress, con el tiempo queramos ver la evolución de las visitas con diferentes programas, como puede ser algún plugin de "Visitor Maps" ó algún plugin de "Google Analytics".

Si por un casual queremos tener ambos dos funcionando en el mismo sitio, veremos que seguramente nos aparece algún mensaje de error del tipo "fatal error: allowed memory size of 33554432 bytes exhausted (tried to allocate 233472 bytes)", y es que por lo visto no es fácil que convivan los dos simultaneamente en una instalación de wordpress.

O simplemente si lo que queremos es adjuntar el código de seguimiento de wordpress sin instalar ningún plugin, para no sobrecargar nuestro sitio web, con demasiados plugin que ralentizan el acceso de los internautas a nuestro sitio.

Vamos a detallar los pasos que debemos seguir, para añadir el código de seguimiento de Google Analytics sin utilizar ningún plugin a nuestro sitio web, en wordpress:

1- Lo primero deberemos tener creada una cuenta, de Gmail y acceder a ella:

2- Después debemos tener dado de alta el servicio de "Analytics", como podemos ver en la siguiente imagen:

3- Y tenemos que agregar el sitio que vamos a querer que Google Analytics, pueda monitorizar su tráfico y comportamiento a lo largo del tiempo:

4- Si pulsamos en el link "Comprobar estado", accedermos a una ventana donde podemos ver el código de seguimiento de Google Analytics para nuestro sitio web:

5- Una vez estamos en la ventana que nos proporciona el código de seguimiento de Google Anaytics, procedemos a copiarlo para posteriormente pegarlo en su ubicación correspondiente:

6- Una vez que ya tenemos localizado y copiado el código de seguimiento de Google Analytics, vamos a la ventana de administración de nuestro sitio web, y vamos a la pestaña "Apariencia", "Editor", como podemos ver en la siguiente imagen:

7- Al acceder a dicha pestaña, nos aparecera los diferentes archivos que componen nuestro tema de Wordpress, y buscaremos el archivo "header.php"  ( Cabecera ), y pulsaremos para pegar el código de seguimiento de Google Analytics, antes de la etiqueta "</head>" como podemos ver en esta imagen:

8- Una vez guardados los cambios realizados en el archivo "header.php", podemos proceder a comprobar que hemos insertado correctamente el código de seguimiento en nuestro sitio web, tal y como nos indican en google, para Verificación de su configuración.

8.1 Así que si accedemos a nuestro sitio web, y pulsamos en el navegador en "Ver", "Codigo fuente":

9- Accederemos a una nueva ventana, donde podemos ver el código fuente de nuestro sitio web, y localizar el código de seguimiento tal y como nos dice Google Analytics en el anterior link de Verificación de su configuración.

De esta manera hemos conseguido añadir el código de seguimiento pudiendo a su vez tener instalado el plugin "Visitor Maps", ó simplemente sin añadir ningún plugin que sobrecargue nuestro sitio web y lo haga más lento.

Compartir con más gente:
  • Facebook
  • Twitter
  • Meneame
  • Google Bookmarks
  • RSS
  • Add to favorites
  • Print
  • Bitacoras.com
  • email
  • LinkedIn
  • Blogosphere

Tags: ,

Category: Google, Wordpress

About webmaster: View author profile.

Comments (13)

Trackback URL | Comments RSS Feed

  1. Jose Miguel dice:

    Gracias por el artículo, yo lo tenía puesto en el body y me funcionaba mal, no lo entiendo, debería funcionar igualmente, pero desde ahora lo pondré siempre dentro del .

  2. Carlos dice:

    A mí, con WordPress.com, tampoco me aparece la opción Editor dentro de Apariencia. Si alguien da con la solución se lo agradeceré mucho. Uso el tema Twenty Eleven por si sirve de algo.

  3. webmaster dice:

    Hola Miguel,
    Pues imagino que pasa lo que comentas, que has leído en otros blogs, que al tenerlo a través de wordpress.com no aparece esa opción.
    Yo en realidad, descargué desde wordpress.org, la versión de wordpress que había disponible en su día y no había caído en este detalle que comentas.
    No se si alguién, podrá aportar alguna opción para los blog en wordpress.com

  4. Miquel dice:

    Me pasa lo que a otros que no tienen la opción de Editor dentro de Apariencia. En otro blog he leído que la causa puede ser que lo tengamos a través de WordPress.com. ¿Puede alguien aclararlo? Y si fuera así ¿qué opción queda? Saludos

  5. webmaster dice:

    Hola Victor,
    En principio en la ventana de administración de nuestro sitio, debemos localizar la pestaña “Apariencia”, “Editor” y una vez ahí, veremos los diferentes archivos .php
    No se si esta es la duda o a que os referís exactamente??
    Un saludo,

  6. Victor PTSC dice:

    ¡Enhorabuena por el post!
    AUnque no he podido disfrutarlo porque me pasa lo mismo que a Juan, Javier, Manuel…

  7. Juan dice:

    A mi tampoco me deja editar como a los compañeros, es imposible!! Tu post es muy bueno, gracias

  8. Javier dice:

    Perdonar, pero tengo el mismo problema que Manuel, no me da la opción de editar. Como lo hago?

  9. webmaster dice:

    Hola Mynor, me alegro que te pudiera servir.
    saludos,

  10. mynor dice:

    hola, excelente, claro y sencillo, éxito en tu vida diaria.

  11. @isiharol dice:

    Gracias por el post!! la verdad que me ha servido de mucho. Saludos

  12. Manuel dice:

    ¿Este sistema debería valer para cualquier tema?. Sigo los pasos y en apariencia no sale la opción Editor y por lo tanto… ahí me quedo.

  13. Escafandrista dice:

    Enhorabuena por el post, el mejor que he encontrado del tema en cuestión. Texto claramente escrito e imágenes de calidad que lo complementan. Los que había visto hasta ahora no dejaban claro como meter el maldito código en el header.
    Gracias

Leave a Reply




If you want a picture to show with your comment, go get a Gravatar.