231 votes

Comment ajouter l'identifiant de suivi de Google Analytics aux pages GitHub ?

Il s'agit peut-être d'une simple question, mais j'ai des doutes en ce moment quant à l'ajout d'une nouvelle fonction. ID de suivi de Google Analytics a Page GitHub .

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

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

Une autre question : peut-on ajouter l'identifiant de suivi de Google Analytics plus tard, après la création de la page GitHub ?

0 votes

Plusieurs approches ont été suggérées, mais je n'arrive pas encore à obtenir/confirmer qu'elles fonctionnent. J'espère que ça va commencer à fonctionner dans 24 heures environ.

2 votes

/Headdesk. Mon navigateur Brave bloquait les trackers sur mes sites. Il a fonctionné pendant tout ce temps. Une autre chose déroutante pour moi a été le passage (semi-) récent de ga (google analytics) à gtag (google tag). Apparemment, vous n'avez besoin que du truc gtag() maintenant, et plus du truc ga(). Amusant. Ces liens m'ont aidé à diagnostiquer mon problème : chrome.google.fr/webstore/detail/tag-assistant-by-google/ y analyticsmania.com/post/google-tag-manager-vs-google-analytics

0 votes

@ChrisEmerson c'est une mise à jour utile :)

185voto

exex zian Points 3139

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

Je l'ai résolu :
devait inclure username.github.io (lien que je veux suivre) dans la section site web de Google Analytics.

vous pouvez consulter la page d'aide de GitHub aquí


enter image description here


Après cela, on m'a fourni un identifiant de traqueur.


Nota: 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'ID de suivi de Google Analytics aux pages Github déjà créées (Comme demandé par @avi-aryan )

  1. Naviguez jusqu'à la branche de vos pages github - qui devrait être quelque chose comme -
    ( https://github.com/ Votre nom d'utilisateur / VotreDépôt /tree/gh-pages )

  2. Puis modifier index.html à partir des fichiers listés

  3. Maintenant dans le HEAD étiquette de index.html - collez votre ID de suivi Google Analytics script ( si vous êtes déjà inscrit à Google analytics, vous pouvez le consulter sous admin et ensuite informations sur le suivi onglet )

0 votes

@Bingo , j'utilise actuellement <iframe> pour inclure un footer.html dans chaque page de mon site web. J'ai ajouté le <script> à son <head> tag. Il ne semble pas que cela fonctionne. Je vais essayer votre solution et faire un rapport.

0 votes

@AviAryan vous devrez ajouter le suivi script dans le fichier principal aussi bien comme index.html y iframe html - vous devrez ajouter script dans les deux

2 votes

Je les ai ajoutés, mais Google Analytics indique que le suivi n'est pas installé. Ma page, telle que spécifiée dans G-Analytics, est la suivante http://avi-aryan.github.io

94voto

Colin Points 1009

Pour ceux qui sont intéressés, si vous utilisez Jekyll avec des pages GitHub, je viens d'écrire un billet montrant comment correctement ajouter l'ID de suivi de Google Analytics à Jekyll .

  1. Vous trouverez votre code de suivi Universal Analytics sous Admin > Property > Tracking Info > Tracking Code.

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

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

  4. Enfin, ouvrez _layouts/head.html et ajouter {% include analytics.html %} juste avant la fin </head> étiquette. Google recommande ce placement pour suivre correctement toutes les pages de votre site Web.

23voto

romeo14 Points 337

Si vous utilisez le modèle 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'affiche maintenant 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 faisant référence au code source du modèle et en remplaçant les fichiers correspondants.

16voto

Il est préférable d'utiliser GA-Beacon pour cela. GA-Beacon peut suivre tous vos repo GitHub, même si le lien visité n'est pas un document html.

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

9voto

Sahil Singh Points 309

Ajout d'analyses via _config.yml .

Tous les thèmes GitHub ( thèmes supportés ) supportent nativement google analytics. Il vous suffit de fournir un code de suivi (UA-XXXXXXXXX-X).

Google Analytics existe en deux versions - Google Analytics 4 (GA4), et Analyse universelle . Vous devrez utiliser ce dernier pour cela. Le GA4 ne fonctionne pas # .

  1. Créez une nouvelle propriété universelle google analytics (et pas GA4 biens ). Par défaut, le bien de suivi que vous créez sera de type GA4. Vous devrez sélectionner "Create a Universal Analytics property" pour que la propriété soit universelle. Une fois qu'une propriété GA4 est créée, elle ne peut pas être convertie en propriété universelle. Vous ne pouvez le faire qu'en créant un nouveau bien.

Show advanced options

1.1 Activez l'analyse universelle dans les options avancées.

Create a Universal Analytics property

1.2 Configurer les options de l'analyse universelle.

Universal analytics options

1.3 Copiez l'ID de suivi pour cette propriété nouvellement créée.

Tracking ID

  1. Ajoutez cet ID de suivi au fichier _config.yml de vos sites gh-pages.

    google_analytics : UA-XXXXXXXXX-X

Ce qui suit est tiré de readme du moderniste - le thème que j'utilisais pour mon site.

modernist theme readme

  1. Commit et Push les changements à github, et après quelques minutes naviguer à l'URL de votre site.

  2. Vérifiez que tout s'est bien passé.

Si vous recherchez maintenant l'ID de traçage dans le code source, vous pourrez le trouver. Le tableau de bord de Google Analytics commencera aussi à montrer de l'activité.

Tracking code in site's source

Les étapes ci-dessus montrent comment ajouter google analytics à un site gh-pages existant. Vous pouvez également utiliser le même code pour créer un nouveau site gh-pages. Bien qu'il semble que le générateur automatique de pages n'existe plus - Impossible de trouver le bouton "générateur automatique de pages" dans Github

# Il existe peut-être un moyen d'utiliser GA4 en natif en configurant _config.yml. Je n'ai pas pu le faire, et j'ai dû recourir à l'analyse universelle.

Référence(s)

https://www.analyticsmania.com/post/downgrade-from-google-analytics-4-to-universal-analytics/

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X