Using Google Analytics 4 with GoHugo

config.toml

# Page settings
baseURL = "baseurl"
languageCode = "en"
title = "Hey! I'm using GA4"

[markup]
    [markup.goldmark]
        [markup.goldmark.renderer]
            unsafe = true

[params]
    # Google Analytics
    GA4 = "G-XXXXXXXXXX"

scripts.html

{{ $googleID := (printf "%#s" $.Site.Params.ga4 ) }}
{{ $googleURL := (printf "https://www.googletagmanager.com/gtag/js?id=%s" $googleID) }}

<!-- Global site tag (gtag.js) - Google Analytics -->
{{ with $googleURL }}<script async src="{{ . }}"></script>{{ end }}
{{ with $googleID }}<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '{{ . }}');
</script> {{ end }}