Mise en ligne & Analyse de la Data
Vous avez votre fichier index.html sur votre bureau. Il est temps de l'offrir au monde entier, gratuitement, et d'installer un radar pour observer vos visiteurs en temps réel.
Phase 1 : Héberger le site sur GitHub Pages (Gratuit)
Créer le "Dépôt" (Le dossier du projet)
Allez sur GitHub.com et créez un compte. Cliquez sur le bouton vert "New" (Nouveau Repository). Donnez un nom à votre projet (ex: ma-landing-page). Ne cochez aucune autre case, et cliquez sur Create repository.
Uploader votre fichier
Sur la nouvelle page, cliquez sur le petit lien bleu "uploading an existing file". Prenez votre fichier index.html (généré par l'IA) depuis votre bureau et glissez-le dans la fenêtre. Cliquez sur le bouton vert "Commit changes" en bas.
Allumer l'hébergement (La Magie)
En haut de la page, cliquez sur l'onglet Settings (Paramètres). Dans le menu de gauche, cliquez sur Pages.
Sous "Branch", remplacez None par main, puis cliquez sur Save.
Félicitations ! Dans 2 minutes, un lien public vers votre site apparaîtra en haut de cette page.
Phase 2 : Créer le Radar (Google Analytics)
Ouvrir un compte
Allez sur analytics.google.com. Cliquez sur "Commencer à mesurer".
Configurer la Propriété (Web)
Donnez un nom à votre compte. Ensuite, créez une Propriété (le nom de votre site). Quand on vous demande la plateforme, choisissez Web. Entrez l'URL que GitHub Pages vous a donnée à la Phase 1 (ex: votre-nom.github.io/ma-landing-page).
Obtenir le Code de Suivi (Le Tag)
Google va vous afficher un bloc de code appelé "Balise Google" (Google Tag) qui ressemble à cela :
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXX');
</script>
Cliquez sur le bouton de copie. Ne fermez pas cette page.
Phase 3 : Brancher le Radar sur votre Site
Nous devons injecter le code de Google dans le "cerveau" de votre page web (entre les balises <head>).
Éditer le fichier sur GitHub
Retournez sur votre page GitHub. Cliquez sur le nom de votre fichier index.html. Cliquez sur la petite icône en forme de Crayon (Éditer ce fichier) en haut à droite du code.
Coller le Code
Trouvez la balise <head> (généralement à la ligne 3 ou 4). Collez votre code Google Analytics juste en dessous.
<html lang="fr">
<head>
<!-- COLONNEZ VOTRE CODE GOOGLE ICI -->
<script async src="https://www.googletagmanager..."></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXX');
</script>
<meta charset="UTF-8">
<title>Mon Super Site</title>
</head>
<body>
...
Sauvegarder (Commit)
En haut à droite de l'éditeur GitHub, cliquez sur le bouton vert "Commit changes".
Le Test Ultime
Prenez votre Smartphone. Ouvrez l'URL de votre site web généré par GitHub Pages. Ensuite, retournez sur l'écran de votre ordinateur sur Google Analytics et cliquez sur "Rapports" > "Temps Réel".