Comment ajouter un ID de suivi Google Analytics aux pages GitHub

Cela pourrait être une question simple, mais je suis plein de doutes en ce moment sur l'ajout de l' identifiant de suivi Google Analytics à la page GitHub .

J'utilise le générateur de page automatique GitHub pour créer ma page GitHub, mais il demande "Google Analytics Tracking ID". J'ai essayé de m'inscrire avec Google Analytics mais là-dessus, il demande l'URL du site Web.

Maintenant qu'est-ce que je suis censé faire?

Une dernière question: pouvons-nous ajouter un identifiant de suivi Google Analytics plus tard après la création de la page GitHub?

Mise à jour : ajout de descriptions d'étapes pour les autres

Résolu:
dû inclure username.github.io(lien que je veux suivre) dans la section du site Web de Google Analytics.

vous pouvez consulter la page d'aide de GitHub ici

Après cela, j'ai reçu un identifiant de suivi.

Remarque: vous pouvez facilement modifier ou ajouter d'autres sites Web sur la page Google Analytics à partir de votre panneau d'administration Google Analytics.

Mise à jour 2: - Ajout de l'identifiant de suivi Google Analytics aux pages Github déjà créées (comme demandé par @ avi-aryan )

1. Accédez à votre branche de pages github - qui serait quelque chose comme -
   ( https://github.com/ YourUserName / YourRepository / tree / gh-pages)
   
2. Puis éditez index.html partir des fichiers répertoriés
3. Maintenant dans la HEADbalise de index.html- collez votre script d'ID de suivi Google Analytics (si vous vous êtes déjà inscrit à Google Analytics, vous pouvez le parcourir sous admin , puis les informations de suivi onglet )

Pour toute personne intéressée, si vous utilisez Jekyll avec des pages GitHub, je viens d'écrire un article montrant comment ajouter correctement l' identifiant de suivi Google Analytics à Jekyll .

1. Vous trouverez votre code de suivi Universal Analytics sous Admin> Propriété> Informations de suivi> Code de suivi.

2. Créez un nouveau fichier appelé analytics.htmldans le _includesdossier trouvé dans le répertoire de votre site Web Jekyll.

3. Ajoutez le code d'identification de suivi Google Analytics à analytics.html.

4. Enfin, ouvrez _layouts/head.htmlet ajoutez {% include analytics.html %}juste avant la </head>balise de fin . Google recommande cet emplacement pour suivre correctement toutes les pages de votre site Web.

Si vous utilisez le modèle de minima fourni par Jekyll, alors -

1. Ajouter google_analytics: UA-xxxxxxxx-xà votre _config.yml
2. Créez un fichier _includes / google-analytics.html et ajoutez-y le code js de google analytics.

Remplacer

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

avec

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

et vous êtes prêt!

Le code google analytics s'affichera désormais si votre site est construit dans un environnement de production. Pour référence, voir le code source du modèle ici - https://github.com/jekyll/minima

Vous pouvez suivre la même approche si vous utilisez un modèle différent en référençant le code source du modèle et en remplaçant les fichiers correspondants.

Il vaut mieux utiliser GA-Beacon pour cela. GA-Beacon peut suivre tout votre dépôt GitHub, même si le lien visité n'est pas un document html.

Veuillez vérifier: https://github.com/igrigorik/ga-beacon

Vous pouvez ajouter Google Analytics à un site Jekyll de la même manière que n'importe quel autre site.

Tout d'abord, après avoir configuré votre compte Google Analytics, accédez à l'onglet d'administration.

Ensuite, sous le panneau des comptes, à gauche, cliquez sur: Create New Account.

Dans Google Analytics, un compte représente un ensemble de pages que vous souhaitez suivre. Configurez le compte du site Web comme vous le souhaitez.

Une fois votre compte créé, vous serez dirigé vers une page qui vous indique votre Tracking ID et a un extrait de code JavaScript que vous pouvez mettre sur les pages que vous souhaitez suivre. Mettez simplement cet extrait de code dans toutes les pages que vous souhaitez suivre. Ou, si vous utilisez une mise en page par défaut, placez cet extrait quelque part dedans.

En passant, puisque vous hébergez sur des pages GitHub, vous n'avez pas besoin de Google Analytics à moins que vous ne souhaitiez des analyses très détaillées. Si vous ne vous souciez que des pages vues, GitHub a ceci.

J'utilise le fichier README.md comme source pour ma page personnelle GitHub. J'utilise également l'un des thèmes pris en charge par GitHub «cayman». Aucun fichier supplémentaire n'est requis dans le référentiel à l'exception de _config.yml (sauf si vous souhaitez modifier votre thème pris en charge).

Pour ajouter Google Analytics, j'ai juste suivi les conseils du référentiel 'cayman' ( https://github.com/pages-themes/cayman ):

Cayman respectera les variables suivantes, si elles sont définies dans le _config.yml de votre site:

google_analytics: [Votre ID de suivi Google Analytics]

Arrêt complet! Rien d'autre! Tout fonctionne du côté de Google Analytics! Cela peut être une option viable pour ceux qui recherchent une configuration rapide des pages GitHub avec Google Analytics.

Si vous utilisez une page github générée automatiquement à partir de votre github README.md, j'ai trouvé que c'était le moyen le plus simple: il vous suffit de modifier votre _config.yml pour qu'il ressemble à ceci (avec votre propre identifiant d'utilisateur 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

Ensuite, ajoutez un nouveau fichier à la racine de votre référentiel nommé Gemfile avec ce contenu:

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

Ensuite, attendez un peu et actualisez votre page github et affichez le code source de la page. Vérifiez que le plugin SEO a inséré votre script java analytics. Plus d'infos ici: https://github.com/jekyll/jekyll-seo-tag

D'après les instructions d'installation, je n'ai pas eu à ajouter le {% seo%} dans le html, heureusement, car je n'ai pas de html. Github semble y avoir pensé.