Cómo agregar la identificación de seguimiento de Google Analytics a las páginas de GitHub


183

Podría ser una pregunta simple, pero estoy lleno de dudas en este momento sobre agregar el ID de seguimiento de Google Analytics a la página de GitHub .

Estoy usando el generador automático de páginas GitHub para crear mi página GitHub pero me pide "ID de seguimiento de Google Analytics". Intenté registrarme con Google Analytics, pero allí me pide la URL del sitio web.

¿Ahora qué se supone que debo hacer?

Una pregunta más: ¿podemos agregar la identificación de seguimiento de Google Analytics más adelante después de que se haya creado la página de GitHub?


Algunos enfoques sugeridos, pero todavía no puedo obtener / confirmar que ninguno de ellos funcione. Espero que empiece a funcionar en aproximadamente 24 horas.
Christopher D. Emerson

1
/Oficina central. Tenía mi navegador Brave bloqueando rastreadores en mis sitios. Estuvo funcionando todo el tiempo. También fue algo confuso para mí el movimiento (semi) reciente de ga (google analytics) a gtag (google tag). Aparentemente solo necesitas las cosas gtag () ahora, ya no las cosas ga () Divertido. Estos enlaces me ayudaron a diagnosticar mi problema: chrome.google.com/webstore/detail/tag-assistant-by-google/… y analyticsmania.com/post/google-tag-manager-vs-google-analytics
Christopher D. Emerson

@ChrisEmerson que es una actualización útil :)
exexzian

Tuve problemas similares debido a que mis visitas no se registraron, resulta que AdBlock fue responsable de ellas.
Andrew Zaw

Respuestas:


162

Actualización : se agregaron descripciones de pasos para otros

Resuelto:
tenía que incluir username.github.io(enlace que quiero rastrear) en la sección del sitio web de Google Analytics.

puedes consultar la página de ayuda de GitHub aquí


ingrese la descripción de la imagen aquí


Después de eso, se me proporcionó una identificación de seguimiento.


Nota: Puede cambiar o agregar más sitios web fácilmente en la página de Google Analytics desde el panel de administración de Google Analytics.


Actualización 2: - Agregar ID de seguimiento de Google Analytics a páginas de Github ya creadas (según lo solicitado por @ avi-aryan )

  1. Navegue hasta la rama de sus páginas de github, que sería algo así como
    ( https://github.com/ YourUserName / YourRepository / tree / gh-pages)
  2. Luego edite index.htmlde los archivos listados
  3. Ahora dentro de la HEADetiqueta de index.html- pegue su secuencia de comandos de identificación de seguimiento de Google Analytics (si ya se ha registrado en Google Analytics, puede buscarlo en la pestaña administrador y luego en información de seguimiento )

1
Los he agregado, sin embargo, Google Analytics dice que el seguimiento no está instalado. Mi página como se especifica en G-Analytics eshttp://avi-aryan.github.io
Avi

1
@OhadR ohh lo siento si eso no te ayudó
exexzian

1
FYI: También utilicé la misma lógica para editar index.htmlpara agregar el seguimiento de conversiones de Twitter. ¡Gracias!
pulkitsinghal

1
@ sc28 ¿cuándo pusiste el análisis en tu página? Google generalmente actualiza el panel de control después de bastante tiempo
exexzian

2
@ sc28 no, por lo general toma uno o dos días ... verifique después de un día o dos
exexzian el

69

Para cualquier persona interesada, si está utilizando Jekyll con páginas de GitHub, acabo de escribir una publicación que muestra cómo agregar correctamente la identificación de seguimiento de Google Analytics a Jekyll .

  1. Encontrará su código de seguimiento de Universal Analytics en Admin> Propiedad> Información de seguimiento> Código de seguimiento.

  2. Cree un nuevo archivo llamado analytics.htmlen la _includescarpeta que se encuentra en el directorio de su sitio web Jekyll.

  3. Agregue el código de identificación de seguimiento de Google Analytics a analytics.html.

  4. Finalmente, abra _layouts/head.htmly agregue {% include analytics.html %}justo antes de la </head>etiqueta final . Google recomienda esta ubicación para rastrear todas las páginas de su sitio web correctamente.


55
Gracias, excelente publicación. Vale la pena señalar que dentro de las páginas de GitHub se configura jekyll.environment == 'production'automáticamente ( github.com/jekyll/jekyll/issues/1219 ), mientras que el entorno predeterminado de Jekyll es'development'
Andrea

Lo hice _layouts/default.html, pero funcionó bien (no estoy familiarizado con Jekyll)
Joey Baruch

1
Gracias gran publicación.
ijuneja

16

Si está utilizando la plantilla mínima proporcionada por Jekyll, entonces:

  1. Añadir google_analytics: UA-xxxxxxxx-xa tu _config.yml
  2. Cree un archivo _includes / google-analytics.html y agregue el código js de google analytics.

Reemplazar

ga('create', 'UA-xxxxxxxx-x', 'auto');

con

ga('create', '{{ site.google_analytics }}', 'auto');

y estás listo!

El código de Google Analytics ahora se mostrará si su sitio está construido en un entorno de producción. Para referencia, consulte el código fuente de la plantilla aquí: https://github.com/jekyll/minima

Puede seguir el mismo enfoque si está utilizando una plantilla diferente haciendo referencia al código fuente de la plantilla y reemplazando los archivos correspondientes.


2
El paso 2 en realidad no es necesario. Consulte la documentación en github.com/pages-themes/minimal
kzu

16

Es mejor usar GA-Beacon para eso. GA-Beacon puede rastrear todo su repositorio de GitHub, incluso si el enlace visitado no es un documento html.

Por favor, consulte: https://github.com/igrigorik/ga-beacon


Funciona, pero todos mis registros de datos en tiempo real provienen de Ashburn VA. Incluso cuando visito la página localmente ... muy lejos de VA.
jtlindsey

@jtlindsey - ¿Hay alguna posibilidad de que su imagen / píxel se almacene en caché en un CDN en Ashburn VA?
pulkitsinghal

@pulkitsinghal No estoy completamente seguro, esa publicación fue hace casi un mes y la había estado usando durante algunas semanas y los datos siempre eran Ashburn VA. Mirando hacia atrás en mis datos ahora, los datos muestran la ubicación no establecida en tiempo real, pero hay consultas de todo el mundo en la historia, por lo que no estoy seguro de dónde está el error. Probablemente lo eliminaré porque los datos no son correctos.
jtlindsey

5

Puede agregar Google Analytics a un sitio de Jekyll de la misma manera que lo haría con cualquier otro sitio.

Primero, después de configurar su cuenta de Google Analytics, vaya a la pestaña de administrador.

barra de navegación

A continuación, en el panel de cuentas, a la izquierda, haga clic en: Create New Account.

añadir cuenta

En Google Analytics, una cuenta representa un conjunto de páginas que le gustaría rastrear. Configure la cuenta del sitio web como desee.

Una vez que se haya creado su cuenta, se lo enviará a una página que le indica su Tracking IDy tiene un fragmento de JavaScript para que pueda colocar en las páginas que desea rastrear. Simplemente ponga este fragmento en todas las páginas que le gustaría rastrear. O, si usa un diseño predeterminado, coloque este fragmento en algún lugar.

Por cierto, dado que está alojando en páginas GitHub, no necesita Google Analytics a menos que desee análisis muy detallados. Si todo lo que le importa son las visitas a la página, GitHub tiene esto.


3
Estoy bastante seguro de que el seguimiento de GitHub es solo para el tráfico en el repositorio de GitHub (incluido el código fuente). El repositorio del sitio Mis páginas de GitHub solo muestra el tráfico a las URL de GitHub.
Nick McCurdy

3

Uso el archivo README.md como fuente para mi página personal de GitHub. También uso uno de los temas compatibles con GitHub 'caimán'. No se requieren más archivos en el repositorio, aparte de _config.yml (a menos que desee modificar su tema compatible).

Para agregar Google Analytics, acabo de seguir los consejos en el repositorio 'cayman' ( https://github.com/pages-themes/cayman ):

Cayman respetará las siguientes variables, si se configuran en _config.yml de su sitio:

google_analytics: [su ID de seguimiento de Google Analytics]

Punto final! ¡Algo más! ¡Todo funciona del lado de Google Analytics! Puede ser una opción viable para aquellos que buscan una configuración rápida de páginas de GitHub con Google Analytics.


1

Si está utilizando una página github generada automáticamente desde su github README.md, descubrí que esta es la forma más fácil: simplemente edite su _config.yml para que se vea así (con su propio ID de UA de Google Analytics):

theme: jekyll-theme-cayman
title: My Site
description: My site description
url: https://example.com
author: MyName
plugins:
  - jekyll-seo-tag
google_analytics: UA-xxx

Luego agregue un nuevo archivo a su raíz del repositorio llamado Gemfile con este contenido:

source "https://rubygems.org”
gem "github-pages", group: :jekyll_plugins
gem 'jekyll-seo-tag'

Luego espere un poco y actualice su página de github y muestre el código fuente de la página. Verifique que el complemento SEO haya insertado su script java de análisis. Más información aquí: https://github.com/jekyll/jekyll-seo-tag

A partir de las instrucciones de instalación, afortunadamente no tuve que agregar el {% seo%} en el html porque no tengo html. Github parece haber pensado en eso.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.