I have a firebase application. I am using firebase analytics. Like that;
import { getAnalytics } from "firebase/analytics";
const analytics = getAnalytics();
But now client asked to add google analytics also inside head tag. Do I need to remove firebase analytics or both of them will work fine ?
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GA_MEASUREMENT_ID');
</script>
Maybe you have better solution
When you activate Firebase Analytics and manually add gtag script both of them appear in source code. Like that;
Firebase --- >
<script type="text/javascript" async="" src="http://www.googletagmanager.com/gtag/js?id=MEASUREMENT_ID&l=dataLayer&cx=c">
Script ---->
</script><script async="" src="https://www.googletagmanager.com/gtag/js?id=MEASUREMENT_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "MEASUREMENT_ID");
</script>
And That's why I disabled Firebase Analytics and only keep gtag script.