Como adicionar o ID de acompanhamento do Google Analytics às páginas do GitHub

Pode ser uma pergunta simples, mas agora estou cheio de dúvidas sobre como adicionar o ID de acompanhamento do Google Analytics à página do GitHub .

Estou usando o gerador de páginas automático do GitHub para criar minha página do GitHub, mas ele solicita o "ID de rastreamento do Google Analytics". Tentei me inscrever no Google Analytics, mas ele solicita o URL do site.

Agora o que eu devo fazer?

Mais uma pergunta: podemos adicionar o ID de acompanhamento do Google Analytics depois da criação da página do GitHub?

Atualização : descrições de etapas adicionadas para outras pessoas

Resolvido:
tinha que incluir username.github.io(link que eu quero rastrear) na seção do site do Google Analytics.

você pode conferir a página de ajuda do GitHub aqui

Depois disso, recebi um ID do rastreador.

Nota: você pode facilmente alterar ou adicionar mais sites à página do Google Analytics no painel de administração do Google Analytics.

Atualização 2: - Adicionando o ID de rastreamento do Google Analytics às páginas do Github já criadas (conforme solicitado por @ avi-aryan )

1. Navegue até o ramo de páginas do github - o que seria algo como -
   ( https://github.com/ YourUserName / YourRepository / tree / gh-pages)
   
2. Em seguida, edite index.htmldos arquivos listados
3. Agora, na HEADtag, index.htmlcole seu script de ID de rastreamento do Google Analytics (se você já se inscreveu no Google analytics, poderá navegá-lo em admin e depois na guia informações de rastreamento )

Para quem estiver interessado, se você estiver usando o Jekyll com páginas do GitHub, acabei de escrever uma postagem mostrando como adicionar corretamente o ID de rastreamento do Google Analytics ao Jekyll .

1. Você encontrará seu código de rastreamento do Universal Analytics em Admin> Propriedade> Informações de rastreamento> Código de rastreamento.

2. Crie um novo arquivo chamado analytics.htmlna _includespasta encontrada no diretório do site da Jekyll.

3. Adicione o código do ID de acompanhamento do Google Analytics a analytics.html.

4. Por fim, abra _layouts/head.htmle adicione um {% include analytics.html %}pouco antes da </head>tag final . O Google recomenda esse canal para rastrear todas as páginas do seu site corretamente.

Se você estiver usando o modelo de mínimos fornecido por Jekyll, então -

1. Adicione google_analytics: UA-xxxxxxxx-xao seu _config.yml
2. Crie um arquivo _includes / google-analytics.html e adicione o código js do google analytics.

Substituir

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

com

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

e você está pronto!

O código do google analytics agora será exibido se o seu site for construído no ambiente de produção. Para referência, consulte o código-fonte do modelo aqui - https://github.com/jekyll/minima

Você pode seguir a mesma abordagem se estiver usando um modelo diferente fazendo referência ao código-fonte do modelo e substituindo os arquivos correspondentes.

É melhor usar o GA-Beacon para isso. O GA-Beacon pode rastrear todo o seu repositório GitHub, mesmo que o link visitado não seja um documento html.

Verifique: https://github.com/igrigorik/ga-beacon

Você pode adicionar o Google Analytics a um site Jekyll da mesma forma que faria com qualquer outro site.

Primeiro, depois de configurar sua conta do Google Analytics, navegue até a guia Administrador.

Em seguida, sob o painel de contas, à esquerda, clique em: Create New Account.

No Google Analytics, uma conta representa um conjunto de páginas que você deseja acompanhar. Configure a conta do site conforme desejado.

Após a criação da sua conta, você será enviado para uma página que informa o seu Tracking IDe possui um snippet de JavaScript para você colocar nas páginas que deseja rastrear. Basta colocar esse snippet em todas as páginas que você deseja acompanhar. Ou, se você usar um layout padrão, coloque esse trecho em algum lugar.

A propósito, como você está hospedando nas páginas do GitHub, não precisa do Google Analytics, a menos que deseje análises muito detalhadas. Se você só gosta de visualizações de página, o GitHub tem isso.

Eu uso o arquivo README.md como fonte para minha página pessoal do GitHub. Eu também uso um dos temas suportados pelo GitHub 'cayman'. Não são necessários mais arquivos no repositório além do _config.yml (a menos que você deseje modificar o seu tema suportado).

Para adicionar o Google Analytics, apenas segui os conselhos no repositório 'cayman' ( https://github.com/pages-themes/cayman ):

O Cayman respeitará as seguintes variáveis, se definido no _config.yml do seu site:

google_analytics: [seu ID de rastreamento do Google Analytics]

Ponto final! Algo mais! Tudo funciona do lado do Google Analytics! Pode ser uma opção viável para quem procura uma configuração rápida das páginas do GitHub com o Google Analytics.

Se você estiver usando uma página do github gerada automaticamente no README.md do github, achei a maneira mais fácil: edite seu _config.yml para ficar assim (com seu próprio ID UA do 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

Em seguida, adicione um novo arquivo à raiz do repositório chamado Gemfile com este conteúdo:

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

Então espere um pouco e atualize sua página do github e mostre o código fonte da página. Verifique se o plug-in SEO inseriu seu script java do analytics. Mais informações aqui: https://github.com/jekyll/jekyll-seo-tag

Nas instruções de instalação, não tive que adicionar o {% seo%} no html, felizmente, porque não tenho html. O Github parece ter pensado nisso.