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

Question

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 ?

Answer 1

Vous pouvez ajouter Google Analytics à un site Jekyll comme vous le feriez pour tout 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 : 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.

Après la création de votre compte, vous serez redirigé vers une page qui vous indiquera votre nom et votre adresse. Tracking ID et contient un extrait de JavaScript à placer sur les pages que vous souhaitez suivre. Il suffit de placer cet extrait dans toutes les pages que vous souhaitez suivre. Ou, si vous utilisez une mise en page par défaut, placez cet extrait quelque part dans celle-ci.

Au fait, 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 est le nombre de pages vues, GitHub propose cette solution.

Answer 2

J'utilise le fichier README.md comme source pour ma page personnelle GitHub. J'utilise également l'un des thèmes supportés par GitHub, 'cayman'. Aucun autre fichier n'est nécessaire dans le dépôt à part _config.yml (sauf si vous voulez modifier votre thème supporté).

Pour ajouter Google Analytics, j'ai simplement 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 fichier _config.yml de votre site :

google_analytics : [Votre ID de suivi Google Analytics]

Arrêt complet ! N'importe quoi d'autre ! Tout fonctionne du côté de Google Analytics ! Cela peut être une option viable pour ceux qui cherchent une mise en place rapide des pages GitHub avec Google Analytics.

Answer 3

Si vous utilisez une page github générée automatiquement à partir de votre README.md github, j'ai trouvé que c'était le moyen le plus simple : Il suffit de modifier votre _config.yml pour qu'il ressemble à ceci (avec votre propre google analytics UA id) :

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 à votre dépôt Root nommé Gemfile avec ce contenu :

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

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

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

Answer 4

Chez moi, je n'ai pas réussi à configurer Google Analytics 4 (prev Web+App) en ajoutant google_analytics : UA-xxxxxxxx-x à votre _config.yml comme mentionné précédemment dans une des réponses.

J'ai donc dû mettre les js recommandés par Google Analytics dans le fichier .md.

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XXXXXXXXXXX');
</script>

Tout ce que vous mettez dans la balise script dans .md ne sera pas rendu.

Answer 5

Inclure une balise Global site dans la sortie html <head>

Une fois que vous avez configuré un compte Google Analytics, des instructions détaillées sont incluses dans l'onglet "Flux de données" - sélectionnez votre source de données, puis "Instructions de balisage" pour Balise globale du site (gtag.js)

Balise globale du site

le script ressemblera à quelque chose comme ceci (avec id remplacé par XXXXXXXXXXX dans mon exemple) :

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=XXXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'XXXXXXXXXXX');
</script>

Enregistrez le script html dans un fichier du répertoire de votre projet (par exemple sous le nom de "GA_script.html").

Ajouter un fichier html à l'en-tête

dans le YAML de Rmarkdown, ajoutez la référence à votre script spécifique ( voir la référence ici ) :

output:
  html_document:
    includes: 
      in_header: GA_script.html