Academic theme google analytics registration
Adjust header file in Hugo

Google analytics
Google provides a convenient tool for analyzing the website’s traffic.
Google analytics official website
To register our website on the analytics page, we need to do the followings:
Google’s official guidelines for registering analytics
This article is about step 4. add the tracking code to our blog, especially the blogs built by Hugo’s academic theme using r blogdown
.
The code looks like this:
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=yourIDhere"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'yourIDhere');
</script>
To register our website on the analytics tool, we need to put this code in the header of every web page we have.
How the blogdown build the website
The blogdown uses the layout when it serve the site which is located in the folder
themes>hugo-academic>layouts
In this folder, we have marketing
folder. In the folder we have two files related to google analytics, but to be honest, I don’t know that this code mean. All I want to do is to the tracking code in my header, so here is what I did:
- make another file, like
analytics.html
in the marketing folder and copy and paste the tracking code. - Open the
site_head.html
in thelayouts
folder add the following:
{{ partial "marketing/analytics" . }}
- I commented out the two code related to google marketing as follows:
<!-- {{ partial "marketing/google_analytics" . }} -->
<!-- {{ partial "marketing/google_tag_manager" . }} -->
After you serve the site, you can check out the code is working by looking into the source file of your blogdown main page. Also, you can check google analytics out working properly when you access your website in real time.
Using this method, we can actually put any code to the every header in your blogdown pages.