The following article applies to those looking to use the native tracking code of Google Analytics without Google Tag Manager. It also applies to those using our KB product.
Please note that adding tracking code directly to a theme means you should be using the theme both for mobile and non-mobile visitors.
Setup
Get your tracking code from Google Analytics from your Google Analytics console in the Tracking Code area
Adding your code to Vanilla
Open your Vanilla Forums dashboard, and head to the theme area. Click edit and add make sure you are on the Javascript tab. We will use the onVanillaReady Function
onVanillaReady(function () {
/**
* Google Tracker
*/
addScript("https://www.googletagmanager.com/gtag/js?id=UA-xxxxxx-xx");
})
function addScript(src) {
var s = document.createElement('script');
s.setAttribute('src', src);
s.setAttribute("async", "async");
s.setAttribute("defer", "defer");
document.body.appendChild(s);
}
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-xxxxxx-xx');
Make sure to replace UA-xxxxxx-xx with your own Google Analytics account. Click save.
White-list Google Analytics in Security Setting
Next head over to the Technical ->Security tab and ensure you allow Google Analytics traffic to be read. By adding the following in the Content Security Domains
*.googletagmanager.com
*.google-analytics.com
It should appear as so:
Google Tag Manager
If you are looking to implement Google Tag manager, please check out here.
