Come aggiungere l'ID di monitoraggio di Google Analytics alle pagine GitHub

Potrebbe essere una domanda semplice ma al momento sono pieno di dubbi sull'aggiunta dell'ID di monitoraggio di Google Analytics alla pagina GitHub .

Sto usando il generatore di pagine automatico GitHub per creare la mia pagina GitHub ma mi chiede "ID di monitoraggio di Google Analytics". Ho provato a registrarmi con Google Analytics ma lì su esso richiede l'URL del sito web.

Ora cosa dovrei fare?

Ancora una domanda: possiamo aggiungere l'ID di monitoraggio di Google Analytics in seguito dopo la creazione della Pagina GitHub?

Aggiornamento : aggiunte le descrizioni dei passaggi per gli altri

Risolto: ho
dovuto includere username.github.io(link che voglio tracciare) nella sezione del sito web di Google Analytics.

puoi controllare la pagina di aiuto di GitHub qui

Successivamente mi è stato fornito un ID tracker.

Nota: puoi facilmente modificare o aggiungere altri siti Web sulla pagina di Google Analytics dal tuo pannello di amministrazione di Google Analytics.

Aggiornamento 2: - Aggiunta dell'ID di monitoraggio di Google Analytics alle pagine Github già create (Come richiesto da @ avi-aryan )

1. Sfoglia il tuo ramo di pagine github - che sarebbe qualcosa del genere -
   ( https://github.com/ YourUserName / YourRepository / tree / gh-pages)
   
2. Quindi modifica index.html dai file elencati
3. Ora nel HEADtag di index.html- incolla lo script ID di monitoraggio di Google Analytics (se hai già effettuato la registrazione a Google Analytics, puoi sfogliarlo sotto admin e quindi scheda di monitoraggio )

Per chiunque sia interessato, se stai usando Jekyll con le pagine GitHub, ho appena scritto un post che mostra come aggiungere correttamente l' ID di monitoraggio di Google Analytics a Jekyll .

1. Il codice di monitoraggio di Universal Analytics è disponibile in Ammin.> Proprietà> Informazioni sul tracciamento> Codice di tracciamento.

2. Crea un nuovo file chiamato analytics.htmlnella _includescartella trovata nella directory del tuo sito Web Jekyll.

3. Aggiungi il codice ID di monitoraggio di Google Analytics a analytics.html.

4. Infine, apri _layouts/head.htmle aggiungi {% include analytics.html %}subito prima del </head>tag end . Google consiglia questo posizionamento per tracciare correttamente tutte le pagine del tuo sito Web.

Se stai utilizzando il modello dei minimi fornito da Jekyll, allora -

1. Aggiungi google_analytics: UA-xxxxxxxx-xa _config.yml
2. Crea un file _includes / google-analytics.html e aggiungi il codice js di Google Analytics.

Sostituire

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

con

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

e sei pronto!

Il codice analitico di Google verrà ora visualizzato se il tuo sito è integrato nell'ambiente di produzione. Per riferimento consultare il codice sorgente del modello qui - https://github.com/jekyll/minima

Puoi seguire lo stesso approccio se stai utilizzando un modello diverso facendo riferimento al codice sorgente del modello e sostituendo i file corrispondenti.

È meglio usare GA-Beacon per questo. GA-Beacon può tenere traccia di tutti i repository GitHub, anche se il link visitato non è un documento HTML.

Si prega di controllare: https://github.com/igrigorik/ga-beacon

Puoi aggiungere Google Analytics a un sito Jekyll come faresti con qualsiasi altro sito.

Innanzitutto, dopo aver configurato il tuo account Google Analytics, vai alla scheda di amministrazione.

Successivamente, sotto il pannello conti, a sinistra, fare clic su: Create New Account.

In Google Analytics, un account rappresenta un insieme di pagine che desideri monitorare. Configurare l'account del sito Web come desiderato.

Dopo che il tuo account è stato creato, verrai inviato a una pagina che ti dice il tuo Tracking IDe ha uno snippet JavaScript da inserire nelle pagine che desideri monitorare. Inserisci questo frammento in tutte le pagine che desideri monitorare. Oppure, se si utilizza un layout predefinito, inserire questo frammento da qualche parte in esso.

A proposito, dato che stai ospitando su pagine GitHub non hai bisogno di Google Analytics a meno che non desideri analisi molto dettagliate. Se tutto ciò che ti interessa sono le pagine visualizzate, GitHub ha questo.

Uso il file README.md come sorgente per la mia pagina personale GitHub. Uso anche uno dei temi supportati da GitHub 'cayman'. Non sono necessari altri file nel repository oltre a _config.yml (a meno che non si desideri modificare il tema supportato).

Per aggiungere Google Analytics, ho appena seguito i consigli nel repository 'cayman' ( https://github.com/pages-themes/cayman ):

Cayman rispetterà le seguenti variabili, se impostato nel _config.yml del tuo sito:

google_analytics: [il tuo ID di monitoraggio di Google Analytics]

Punto! Qualunque altra cosa! Tutto funziona dalla parte di Google Analytics! Potrebbe essere un'opzione praticabile per coloro che cercano una configurazione rapida di pagine GitHub con Google Analytics.

Se stai usando una pagina github generata automaticamente dal tuo README.md github, ho scoperto che questo è il modo più semplice: basta modificare il tuo _config.yml in modo che assomigli a questo (con il tuo ID UA di 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

Quindi aggiungere un nuovo file alla radice del repository denominato Gemfile con questo contenuto:

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

Quindi aspetta un po 'e aggiorna la tua pagina github e mostra il codice sorgente della pagina. Verifica che il plug-in SEO abbia inserito lo script java di analisi. Maggiori informazioni qui: https://github.com/jekyll/jekyll-seo-tag

Dalle istruzioni di installazione, non ho dovuto aggiungere {% seo%} nell'html, per fortuna, perché non ho HTML. Github sembra averci pensato.