web-dev-qa-db-fra.com

Comment ajouter un identifiant de suivi Google Analytics aux pages GitHub

Ce pourrait être une question simple, mais je suis actuellement très ému quant à l'ajout de ID de suivi Google Analytics à Page GitHub .

J'utilise le générateur de page automatique GitHub pour créer ma page GitHub, mais il demande "l'ID de suivi Google Analytics". J'ai essayé de m'inscrire avec Google Analytics, mais il y est demandé l'adresse URL du site Web.

Maintenant, ce que je suis censé faire? 

Encore une question: pouvons-nous ajouter un identifiant de suivi Google Analytics après la création de la page GitHub?

143
exexzian

Update: description des étapes ajoutées pour les autres 

Résolu:
devait inclure username.github.io (lien que je souhaite suivre) dans la section du site Web Google Analytics.

vous pouvez consulter la page d'aide de GitHub ici


enter image description here


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


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 d'un 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 - ce qui pourrait être quelque chose comme - 
    ( https://github.com/YourUserName /Votre dépôt/ arbre/gh-pages) 
  2. Puis éditez index.html à partir des fichiers listés
  3. Maintenant dans la balise HEAD de index.html - collez votre script d'identification de suivi Google Analytics (si vous vous êtes déjà inscrit à Google Analytics, vous pouvez le parcourir sous l'onglet admin puis l'onglet tracking info
134
exexzian

Si vous utilisez Jekyll avec des pages GitHub, je viens d'écrire un article expliquant comment utiliser correctement ajouter un identifiant de suivi Google Analytics à Jekyll .

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

  2. Créez un nouveau fichier appelé analytics.html dans le dossier _includes qui se trouve dans le répertoire de votre site Web Jekyll.

  3. Ajoutez le code d’ID de suivi Google Analytics à analytics.html.

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

52
Colin

Mieux vaut 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

16
user4011964

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

  1. Ajoutez 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.

12
romeo14

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 Admin.

navbar

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

add 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 qui contient un extrait de code JavaScript que vous pouvez mettre sur les pages que vous souhaitez suivre. Mettez simplement cet extrait dans toutes les pages que vous souhaitez suivre. Ou, si vous utilisez une disposition par défaut, placez cet extrait quelque part.

En passant, puisque vous hébergez sur GitHub Pages, vous n’avez pas besoin de Google Analytics, sauf si vous souhaitez des analyses très détaillées. Si tout ce qui vous intéresse, ce sont les pages vues, GitHub a cela.

4
0xcaff

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

Pour ajouter Google Analytics, je viens de suivre 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 fichier _config.yml de votre site:

google_analytics: [votre identifiant de suivi Google Analytics]

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

0
Sergei Zaitseff

Si vous utilisez une page github générée automatiquement à partir de votre fichier README.md de github, voici la méthode la plus simple:

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

Ajoutez ensuite 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, actualisez votre page github et affichez le code source de la page. Vérifiez que le plug-in SEO a inséré votre script Java d'analyse . Plus d'informations ici: https://github.com/jekyll/jekyll-seo-tag

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

0
David