How to add Google Analytics Tracking ID to GitHub Pages
Is better to use GA-Beacon for that. GA-Beacon can track all your GitHub repo, even if the visited link isn't an html document.
Please check: https://github.com/igrigorik/ga-beacon
For anyone interested, if you are using Jekyll with GitHub pages, I just wrote a post showing how to correctly add Google Analytics Tracking ID to Jekyll.
You will find your Universal Analytics tracking code under Admin > Property > Tracking Info > Tracking Code.
Create a new file called
analytics.html
in the_includes
folder found in your Jekyll website’s directory.Add Google Analytics Tracking ID code to
analytics.html
.Finally, open
_layouts/head.html
, and add{% include analytics.html %}
just before the end</head>
tag. Google recommends this placement to track all of the pages on your website correctly.
If you are using the minima template provide by Jekyll then -
- Add
google_analytics: UA-xxxxxxxx-x
to your _config.yml - Create a file _includes/google-analytics.html and add the google analytics js code in it.
Replace
ga('create', 'UA-xxxxxxxx-x', 'auto');
with
ga('create', '{{ site.google_analytics }}', 'auto');
and you are set!
The google analytics code will now display if your site is built in production environment. For reference see the template's source code here - https://github.com/jekyll/minima
You can follow the same approach if you are using a different template by referencing the template's source code and replacing the corresponding files.
Update: Added steps descriptions for others
Solved it:
had to include username.github.io
(link that I want to track) in Google Analytics website section.
you can check GitHub help page here
After that I was provided with an Tracker ID.
Note: You can easily change or add more websites on Google Analytics page from your Google Analytics admin panel.
Update 2: - Adding Google Analytics Tracking ID to Already created Github pages (As requested by @avi-aryan )
- Browse to your github pages branch - which would be something like -
( https://github.com/YourUserName/YourRepository/tree/gh-pages ) - Then edit
index.html
from listed files - Now in within
HEAD
tag ofindex.html
- paste your Google Analytics Tracking ID Script ( if have already signed up for Google analytics then you can browse it under admin and then tracking info tab )